<!DOCTYPE html>












  


<html class="theme-next mist use-motion" lang="zh-CN">
<head><meta name="generator" content="Hexo 3.9.0">
  <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2">
<meta name="theme-color" content="#222">




  
  
    
    
  <script src="/FrontEndClubIsBook/lib/pace/pace.min.js?v=1.0.2"></script>
  <link rel="stylesheet" href="/FrontEndClubIsBook/lib/pace/pace-theme-minimal.min.css?v=1.0.2">





















<link rel="stylesheet" href="/FrontEndClubIsBook/lib/font-awesome/css/font-awesome.min.css?v=4.6.2">

<link rel="stylesheet" href="/FrontEndClubIsBook/css/main.css?v=7.1.2">


  <link rel="apple-touch-icon" sizes="180x180" href="/FrontEndClubIsBook/images/apple-touch-icon-next.png?v=7.1.2">


  <link rel="icon" type="image/png" sizes="32x32" href="/FrontEndClubIsBook/images/favicon-32x32-next.png?v=7.1.2">


  <link rel="icon" type="image/png" sizes="16x16" href="/FrontEndClubIsBook/images/favicon-16x16-next.png?v=7.1.2">


  <link rel="mask-icon" href="/FrontEndClubIsBook/images/logo.svg?v=7.1.2" color="#222">







<script id="hexo.configurations">
  var NexT = window.NexT || {};
  var CONFIG = {
    root: '/FrontEndClubIsBook/',
    scheme: 'Mist',
    version: '7.1.2',
    sidebar: {"position":"left","display":"post","offset":12,"onmobile":false,"dimmer":false},
    back2top: true,
    back2top_sidebar: false,
    fancybox: false,
    fastclick: false,
    lazyload: false,
    tabs: true,
    motion: {"enable":true,"async":false,"transition":{"post_block":"fadeIn","post_header":"slideDownIn","post_body":"slideDownIn","coll_header":"slideLeftIn","sidebar":"slideUpIn"}},
    algolia: {
      applicationID: '',
      apiKey: '',
      indexName: '',
      hits: {"per_page":100},
      labels: {"input_placeholder":"Search for Posts","hits_empty":"We didn't find any results for the search: ${query}","hits_stats":"${hits} results found in ${time} ms"}
    }
  };
</script>


  




  <meta name="keywords" content="Chrome插件英雄榜,烧子鹅">
<meta property="og:type" content="article">
<meta property="og:title" content="《Chrome插件英雄榜》(烧子鹅)">
<meta property="og:url" content="http://zhaoolee.github.io/FrontEndClubIsBook/2019/07/06/0006-chrome_app_heroes/index.html">
<meta property="og:site_name" content="前端娱乐圈是本书">
<meta property="og:locale" content="zh-CN">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/9ac21b8aea054eb48fc404fd429638bf.jpeg">
<meta property="og:image" content="https://img.shields.io/badge/license-Anti%20996-blue.svg">
<meta property="og:image" content="https://img.shields.io/badge/link-996.icu-red.svg">
<meta property="og:image" content="https://img.shields.io/github/issues/zhaoolee/ChromeAppHeroes.svg?style=popout-square">
<meta property="og:image" content="https://img.shields.io/github/stars/zhaoolee/ChromeAppHeroes.svg?style=popout-square">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/5ecd2856f287477c89c20efb7de11a9b.png">
<meta property="og:image" content="https://img.shields.io/badge/license-Anti%20996-blue.svg">
<meta property="og:image" content="https://img.shields.io/badge/link-996.icu-red.svg">
<meta property="og:image" content="https://img.shields.io/github/issues/zhaoolee/ChromeAppHeroes.svg?style=popout-square">
<meta property="og:image" content="https://img.shields.io/github/stars/zhaoolee/ChromeAppHeroes.svg?style=popout-square">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/60c92f0de3d44bb7a612d08e2e1f3d18.png">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/c4fdea49e11241e392d6bcaa33855897.png">
<meta property="og:image" content="https://user-images.githubusercontent.com/15868458/61600040-04921b00-ac61-11e9-8446-533752d71de1.gif">
<meta property="og:image" content="https://user-images.githubusercontent.com/15868458/61169390-2f101400-a58f-11e9-8769-4d62b7b64f37.gif">
<meta property="og:image" content="https://user-images.githubusercontent.com/15868458/61166967-d0846f00-a569-11e9-9141-15cef4983098.gif">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/zhaoolee_images000000/9219a092f0f4eb1c6f614c1667b316d1.gif">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/zhaoolee_images000000/74d3eb882b103e0fb1e5e5dd651c052f.gif">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/zhaoolee_images000000/305439fdd84017da654e00f16aaee752.gif">
<meta property="og:image" content="https://user-images.githubusercontent.com/15868458/59550928-2a623b00-8fa4-11e9-8525-8e830907463b.gif">
<meta property="og:image" content="https://user-images.githubusercontent.com/15868458/59549312-4529b500-8f8e-11e9-8107-004486a02258.gif">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/zhaoolee_images000000/89ea1e51dab48d5a84f089adf33eb274.gif">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/deff71a536ba4027a01fe3c7a558c277.gif">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/e40b7bec41ce4ac892578bc88a03d25c.gif">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/a131b9833d20424ab93cb258ab8542e8.gif">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/eac219ff189a4295bbf88974b045ba5b.gif">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/f5b923dc4a21437484e90859342ed366.gif">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/c9b1aa8201c24208b0e0aedfcdbdc992.gif">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/fcefd45a5cc74e4c824f567535f79c5c.webp">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/07322f3c4b13484a8a048194558cec5c.gif">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/3a94a283267047c39114694706de7293.gif">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/a71d2b280298482ba2408482c1537bf9.gif">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/671d39ca714f437fa1d287bfb988724e.gif">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/6a328e8eb9984f5abea5816c681b8e4e.gif">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/2c00d25291db4750963c60e78344d4cc.gif">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/93781d48870742e08dc68fa17e79169e.png">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/fcca47d65f2542808281c17ec379d7d9.gif">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/0f9aa9ca332c4325806f92784af9f9ac.gif">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/e149c42ac1f343b88f50e522cba9ad64.gif">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/6e287798ca1d4b939705447d4b8b2b3b.gif">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/322a82d214b34ff2ba70d9c1cd71d276.gif">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/c7bc7cabd06a453dbed2bae0a2bf08d5.gif">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/35e84f58945d4775a31154ea4dc51cac.gif">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/81ac43fe1d6e454b93dc7f3ae57d96cd.gif">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/0480fffebb10437c8d5555f085de9006.gif">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/6ccb9837b60d4d79814a8add20723d97.gif">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/dbc83cc53c26492db8843ff3e35fc75d.gif">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/b5aea0b5e3c54f0a9a050a754a67093d.png">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/769a22f995d74226ba4104aba7e8ab59.png">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/00541b7bd6954f8ea2a6a1beaebbb79b.png">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/48c12b3864f84e988e073209fd7cf8e4.gif">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/34d50d4d15094ca08e1bbd76c477122a.png">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/99fd518796894945aa87225a5022c453.png">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/308bec78f4674130b85a5852f0b25a88.png">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/008f3bd3c8b8483b9d70be5d5ed4f9ee.gif">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/b59f299316624e86aa7cdd379a02aac4.png">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/62597d60ffd6443396725c9677951221.gif">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/28cc002358c647878b54f9bcaaf67a0a.png">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/9aa1e5323a6a4cbcb96304b33a5261c8.png">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/7d6e9fadef3f48409c81a8c76d24e0cc.gif">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/30899ae22f644a9bb62eb8b24d75c884.png">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/4058cf0008074c5f86b8eb1684e7a1a0.png">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/26c6c604be1c41e88ebfe79c733173b0.png">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/083c51a1c32a4ad6931646bb005fd5a3.png">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/e87601eb459549b3b8e33994fc3fdfb4.png">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/87b66b4cbd12426bbab65a3443f1f1ec.png">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/b574ee1798984ff49396837b620f51ef.png">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/fc5de2eb22184a138c618728cfb40ede.gif">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/9ac21b8aea054eb48fc404fd429638bf.jpeg">
<meta property="og:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/dc9ab48d958843c98f2a4c9336cff748.png">
<meta property="og:updated_time" content="2019-07-23T00:35:52.349Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="《Chrome插件英雄榜》(烧子鹅)">
<meta name="twitter:image" content="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/9ac21b8aea054eb48fc404fd429638bf.jpeg">





  
  
  <link rel="canonical" href="http://zhaoolee.github.io/FrontEndClubIsBook/2019/07/06/0006-chrome_app_heroes/">



<script id="page.configurations">
  CONFIG.page = {
    sidebar: "",
  };
</script>

  <title>《Chrome插件英雄榜》(烧子鹅) | 前端娱乐圈是本书</title>
  






  <script>
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?06e2f2a37e405b47f1c995e373094ae1";
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
    })();
  </script>







  <noscript>
  <style>
  .use-motion .motion-element,
  .use-motion .brand,
  .use-motion .menu-item,
  .sidebar-inner,
  .use-motion .post-block,
  .use-motion .pagination,
  .use-motion .comments,
  .use-motion .post-header,
  .use-motion .post-body,
  .use-motion .collection-title { opacity: initial; }

  .use-motion .logo,
  .use-motion .site-title,
  .use-motion .site-subtitle {
    opacity: initial;
    top: initial;
  }

  .use-motion .logo-line-before i { left: initial; }
  .use-motion .logo-line-after i { right: initial; }
  </style>
</noscript>

</head>

<body itemscope itemtype="http://schema.org/WebPage" lang="zh-CN">

  
  
    
  

  <div class="container sidebar-position-left page-post-detail">
    <div class="headband"></div>

    <header id="header" class="header" itemscope itemtype="http://schema.org/WPHeader">
      <div class="header-inner"><div class="site-brand-wrapper">
  <div class="site-meta">
    

    <div class="custom-logo-site-title">
      <a href="/FrontEndClubIsBook/" class="brand" rel="start">
        <span class="logo-line-before"><i></i></span>
        <span class="site-title">前端娱乐圈是本书</span>
        <span class="logo-line-after"><i></i></span>
      </a>
    </div>
    
      
        <h1 class="site-subtitle" itemprop="description">zhaoolee 木子昭 前端娱乐圈是本书</h1>
      
    
    
  </div>

  <div class="site-nav-toggle">
    <button aria-label="切换导航栏">
      <span class="btn-bar"></span>
      <span class="btn-bar"></span>
      <span class="btn-bar"></span>
    </button>
  </div>
</div>



<nav class="site-nav">
  
    <ul id="menu" class="menu">
      
        
        
        
          
          <li class="menu-item menu-item-home">

    
    
    
      
    

    

    <a href="/FrontEndClubIsBook/" rel="section"><i class="menu-item-icon fa fa-fw fa-home"></i> <br>首页</a>

  </li>
        
        
        
          
          <li class="menu-item menu-item-about">

    
    
    
      
    

    

    <a href="/FrontEndClubIsBook/about/" rel="section"><i class="menu-item-icon fa fa-fw fa-user"></i> <br>关于</a>

  </li>
        
        
        
          
          <li class="menu-item menu-item-tags">

    
    
    
      
    

    

    <a href="/FrontEndClubIsBook/tags/" rel="section"><i class="menu-item-icon fa fa-fw fa-tags"></i> <br>标签</a>

  </li>
        
        
        
          
          <li class="menu-item menu-item-categories">

    
    
    
      
    

    

    <a href="/FrontEndClubIsBook/categories/" rel="section"><i class="menu-item-icon fa fa-fw fa-th"></i> <br>分类</a>

  </li>
        
        
        
          
          <li class="menu-item menu-item-sitemap">

    
    
    
      
    

    

    <a href="/FrontEndClubIsBook/sitemap.xml" rel="section"><i class="menu-item-icon fa fa-fw fa-sitemap"></i> <br>站点地图</a>

  </li>

      
      
        <li class="menu-item menu-item-search">
          
            <a href="javascript:;" class="popup-trigger">
          
            
              <i class="menu-item-icon fa fa-search fa-fw"></i> <br>搜索</a>
        </li>
      
    </ul>
  

  
    

  

  
    <div class="site-search">
      
  <div class="popup search-popup local-search-popup">
  <div class="local-search-header clearfix">
    <span class="search-icon">
      <i class="fa fa-search"></i>
    </span>
    <span class="popup-btn-close">
      <i class="fa fa-times-circle"></i>
    </span>
    <div class="local-search-input-wrapper">
      <input autocomplete="off" placeholder="搜索..." spellcheck="false" type="text" id="local-search-input">
    </div>
  </div>
  <div id="local-search-result"></div>
</div>



    </div>
  
</nav>



  

<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css">
<script src="https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget/autoload.js"></script>
</div>
    </header>

    


    <main id="main" class="main">
      <div class="main-inner">
        <div class="content-wrap">
          
          <div id="content" class="content">
            

  <div id="posts" class="posts-expand">
    

  

  
  
  

  
    <div class="reading-progress-bar"></div>
  

  <article class="post post-type-normal" itemscope itemtype="http://schema.org/Article">
  
  
  
  <div class="post-block">
    <link itemprop="mainEntityOfPage" href="http://zhaoolee.github.io/FrontEndClubIsBook/FrontEndClubIsBook/2019/07/06/0006-chrome_app_heroes/">

    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
      <meta itemprop="name" content="zhaoolee">
      <meta itemprop="description" content="前端娱乐圈是本书, 在前端圈寻欢作乐">
      <meta itemprop="image" content="https://avatars2.githubusercontent.com/u/15868458?s=460&v=4">
    </span>

    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
      <meta itemprop="name" content="前端娱乐圈是本书">
    </span>

    
      <header class="post-header">

        
        
          <h2 class="post-title" itemprop="name headline">《Chrome插件英雄榜》(烧子鹅)

              
            
          </h2>
        

        <div class="post-meta">
          <span class="post-time">

            
            
            

            
              <span class="post-meta-item-icon">
                <i class="fa fa-calendar-o"></i>
              </span>
              
                <span class="post-meta-item-text">发表于</span>
              

              
                
              

              <time title="创建时间：2019-07-06 00:00:06" itemprop="dateCreated datePublished" datetime="2019-07-06T00:00:06+08:00">2019-07-06</time>
            

            
              

              
                
                <span class="post-meta-divider">|</span>
                

                <span class="post-meta-item-icon">
                  <i class="fa fa-calendar-check-o"></i>
                </span>
                
                  <span class="post-meta-item-text">更新于</span>
                
                <time title="修改时间：2019-07-23 08:35:52" itemprop="dateModified" datetime="2019-07-23T08:35:52+08:00">2019-07-23</time>
              
            
          </span>

          
            <span class="post-category">
            
              <span class="post-meta-divider">|</span>
            
              <span class="post-meta-item-icon">
                <i class="fa fa-folder-o"></i>
              </span>
              
                <span class="post-meta-item-text">分类于</span>
              
              
                <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/FrontEndClubIsBook/categories/《Chrome插件英雄榜》-烧子鹅/" itemprop="url" rel="index"><span itemprop="name">《Chrome插件英雄榜》(烧子鹅)</span></a></span>

                
                
              
            </span>
          

          
            
            
          

          
          
            <span id="/FrontEndClubIsBook/2019/07/06/0006-chrome_app_heroes/" class="leancloud_visitors" data-flag-title="《Chrome插件英雄榜》(烧子鹅)">
              <span class="post-meta-divider">|</span>
              <span class="post-meta-item-icon">
                <i class="fa fa-eye"></i>
              </span>
              
                <span class="post-meta-item-text">阅读次数：</span>
              
                <span class="leancloud-visitors-count"></span>
            </span>
          

          

          

          

        </div>
      </header>
    

    
    
    
    <div class="post-body" itemprop="articleBody">

      
      

      
        <hr>
<a id="more"></a>

<p><a href="https://zhaoolee.gitbooks.io/chrome/content/readme-en.html" target="_blank" rel="noopener">English</a> | <a href="https://zhaoolee.gitbooks.io/chrome/content/" target="_blank" rel="noopener">中文简体</a></p>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/9ac21b8aea054eb48fc404fd429638bf.jpeg" alt></p>
<p><a href="https://github.com/996icu/996.ICU/blob/master/LICENSE" target="_blank" rel="noopener"><img src="https://img.shields.io/badge/license-Anti%20996-blue.svg" alt="LICENSE"></a> <a href="https://996.icu" target="_blank" rel="noopener"><img src="https://img.shields.io/badge/link-996.icu-red.svg" alt="996.icu"></a> <img src="https://img.shields.io/github/issues/zhaoolee/ChromeAppHeroes.svg?style=popout-square" alt="https://img.shields.io/github/issues/zhaoolee/ChromeAppHeroes.svg?style=popout-square"> <img src="https://img.shields.io/github/stars/zhaoolee/ChromeAppHeroes.svg?style=popout-square" alt="https://img.shields.io/github/stars/zhaoolee/ChromeAppHeroes.svg?style=popout-square"></p>
<h1 id="谷粒-Chrome插件英雄榜"><a href="#谷粒-Chrome插件英雄榜" class="headerlink" title="谷粒-Chrome插件英雄榜"></a>谷粒-Chrome插件英雄榜</h1><p>🌈谷粒-Chrome插件英雄榜, 为优秀的Chrome插件写一本中文说明书, 让Chrome插件英雄们造福人类~<br>ChromeAppHeroes, Write a Chinese manual for the excellent Chrome plugin, let the Chrome plugin heroes benefit the human~</p>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/5ecd2856f287477c89c20efb7de11a9b.png" alt="谷粒VI设计.png"></p>
<p><strong>感谢<a href="https://github.com/LuoJiangYong" target="_blank" rel="noopener">老罗巴扎嘿</a>为本项目设计的新的Logo | <a href="https://zhaoolee.gitbooks.io/chrome/content/gu-li-qu-yi.html" target="_blank" rel="noopener">谷粒文化(老罗巴扎嘿语录)</a></strong></p>
<hr>
<p><a href="https://github.com/996icu/996.ICU/blob/master/LICENSE" target="_blank" rel="noopener"><img src="https://img.shields.io/badge/license-Anti%20996-blue.svg" alt="LICENSE"></a> <a href="https://996.icu" target="_blank" rel="noopener"><img src="https://img.shields.io/badge/link-996.icu-red.svg" alt="996.icu"></a> <img src="https://img.shields.io/github/issues/zhaoolee/ChromeAppHeroes.svg?style=popout-square" alt="https://img.shields.io/github/issues/zhaoolee/ChromeAppHeroes.svg?style=popout-square"> <img src="https://img.shields.io/github/stars/zhaoolee/ChromeAppHeroes.svg?style=popout-square" alt="https://img.shields.io/github/stars/zhaoolee/ChromeAppHeroes.svg?style=popout-square"></p>
<h2 id="目录-2019年7月22日更新"><a href="#目录-2019年7月22日更新" class="headerlink" title="目录(2019年7月22日更新)"></a>目录(2019年7月22日更新)</h2><ul>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/053300a-shu-biao-dian-ji-te-xiao-2022-0300-0e5129-300b-wei-shu-biao-dian-ji-tian-jia-you-qu-de-te-xiao.html" target="_blank" rel="noopener">053《鼠标点击特效 (๑•́ ∀ •̀๑)》为鼠标点击添加有趣的特效</a></p>
</li>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/052site-palette.html" target="_blank" rel="noopener">052《Site Palette》自动提取网站配色</a></p>
</li>
</ul>
<ul>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/051custom-cursor-for-chrome.html" target="_blank" rel="noopener">051《Custom Cursor for Chrome™》为Chrome换上可爱初音光标</a></p>
</li>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/050google-results-previewer.html" target="_blank" rel="noopener">050《Google Results Previewer》无点击查看谷歌搜索结果</a></p>
</li>
</ul>
<ul>
<li><a href="https://zhaoolee.gitbooks.io/chrome/content/049web-server-for-chrome.html" target="_blank" rel="noopener">049《Web Server for Chrome》搭建本地Web服务器, 实现局域网共享文件夹</a></li>
</ul>
<ul>
<li><a href="https://zhaoolee.gitbooks.io/chrome/content/048words-discoverer.html" target="_blank" rel="noopener">048《Words Discoverer》高亮标注单词,提升你的词汇量</a></li>
</ul>
<ul>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/047go-to-tab.html" target="_blank" rel="noopener">047《Go to Tab》快速跳转到打开的网页</a></p>
</li>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/046whatfont.html" target="_blank" rel="noopener">046《WhatFont》字体爱好者优雅查看网页字体</a></p>
</li>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/045-restlet-client.html" target="_blank" rel="noopener">045《Restlet Client》优秀的Api测试工具</a></p>
</li>
</ul>
<ul>
<li><a href="https://zhaoolee.gitbooks.io/chrome/content/044300a-gu-ge-fang-wen-zhu-shou-300b-cong-chrome-shang-dian-xia-zai-cha-4ef628-kuo-zhan-cheng-5e8f29.html" target="_blank" rel="noopener">044《谷歌访问助手》访问Chrome商店 Gmail 谷歌搜索</a></li>
</ul>
<ul>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/043dream-afar-new-tab.html" target="_blank" rel="noopener">043《Dream Afar New Tab》探索世界的新方式</a></p>
</li>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/042-zai-edge-zhong-an-zhuang-chrome-kuo-zhan-cheng-xu.html" target="_blank" rel="noopener">042 在Edge中安装Chrome扩展程序</a></p>
</li>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/041copy-all-urls.html" target="_blank" rel="noopener">041《Copy All Urls》优雅地保存-开启多个标签页</a></p>
</li>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/040gitzip-for-github.html" target="_blank" rel="noopener">040《GitZip for github》从Github批量下载表情包</a></p>
</li>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/039simplify-gmail300b-rang-wang-ye-ban-gmail-geng-qing-shuang.html" target="_blank" rel="noopener">039《Simplify Gmail》让网页版Gmail更清爽</a></p>
</li>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/038alexa-traffic-rank.html" target="_blank" rel="noopener">038《Alexa Traffic Rank》一键查看网站全球排名</a></p>
</li>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/037.html" target="_blank" rel="noopener">037《Saladict》谷歌!有道!我全都要! 聚合词典, 并行翻译</a></p>
</li>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/036screen-shader.html" target="_blank" rel="noopener">036《Screen Shader》把网页调成暖色，你的眼睛会感谢你🙏</a></p>
</li>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/035print-friendly-and-pdf.html" target="_blank" rel="noopener">035《Print Friendly &amp; PDF》让你拥有最佳的打印阅读体验</a></p>
</li>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/034astro-bot.html" target="_blank" rel="noopener">034《Astro Bot》用新标签页刷编程题</a></p>
</li>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/033.html" target="_blank" rel="noopener">033《一叶》在任意网页开启实时弹幕 聊天窗口 留言板</a></p>
</li>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/032smallpdf300b-jian-dan-hao-yong-de-xian-shang-pdf-gong-ju.html" target="_blank" rel="noopener">032《Smallpdf》简单好用的线上PDF工具</a></p>
</li>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/031onetab300b-ba-duo-ge-tab-zhuan-huan-wei-yi-ge-lie-biao.html" target="_blank" rel="noopener">031《OneTab》把多个Tab转换为一个列表</a></p>
</li>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/030300a-jue-jin-300b-xiang-xin-you-zhi-ji-zhu-nei-rong-de-li-liang.html" target="_blank" rel="noopener">030《掘金》相信优质技术内容的力量</a></p>
</li>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/029-simread300b-wei-ren-yi-wang-ye-kai-qi-yue-du-mo-shi.html" target="_blank" rel="noopener">029 《SimpRead》为任意网页开启阅读模式</a></p>
</li>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/028adblockadblockping-bi-jian-shu-guang-gao.html" target="_blank" rel="noopener">028《AdBlock》Adblock自定义屏蔽简书广告</a></p>
</li>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/027text300b-lai-zi-chrome-shi-yan-shi-de-kua-ping-tai-ji-shi-ben.html" target="_blank" rel="noopener">027《Text》来自Chrome实验室的跨平台记事本</a></p>
</li>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/026-quickey-launcher300b-da-kai-wang-zhan-zhi-xu-yi-jian.html" target="_blank" rel="noopener">026《Quickey Launcher》打开网站只需一键</a></p>
</li>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/025-consolechromezi-dai-de-hao-yong-ji-suan-qi.html" target="_blank" rel="noopener">025《Console》Chrome自带好用的计算器</a></p>
</li>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/024dark-reader300b-wei-ren-yi-wang-zhan-qi-yong-ye-jian-mo-shi.html" target="_blank" rel="noopener">024《Dark Reader》为任意网站启用夜间模式</a></p>
</li>
</ul>
<ul>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/023fireshot300b-yi-jian-gun-dong-jie-ping-zheng-ge-wang-ye.html" target="_blank" rel="noopener">023《FireShot》一键滚动截屏整个网页</a></p>
</li>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/022300a-kuo-zhan-guan-li-qi-300b-guan-li-ni-de-chrome-kuo-zhan.html" target="_blank" rel="noopener">022《扩展管理器》管理你的Chrome扩展</a></p>
</li>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/021300a-bi-li-bi-li-zhu-shou-300b-zhu-ni-kuai-su-cheng-wei-b-zhan-lao-si-ji.html" target="_blank" rel="noopener">021《哔哩哔哩助手》助你快速成为B站老司机</a></p>
</li>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/020boxel-rebound300b-201c-hai-dao-zhong-du-201d-de-dan-tiao-xiao-fang-575728-fu-zi-zhi-sai-dao-fen-xiang-fang-6cd529.html" target="_blank" rel="noopener">020《Boxel Rebound》“嗨到中毒”的弹跳小方块(附自制赛道分享方法)</a></p>
</li>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/019mega300b-wang-pan-ke-yi-liang-xin-dao-shi-yao-cheng-5ea63f-shi-shi-mega-542721.html" target="_blank" rel="noopener">019《MEGA》网盘可以良心到什么程度? 试试MEGA吧!</a></p>
</li>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/018enhanced-github300b-cong-201c-bing-gui-201d-dao-201c-bing-gun-er-201d2c-xia-zai-github-dan-ge-wen-jian.html" target="_blank" rel="noopener">018《Enhanced Github》从“冰柜”到“冰棍儿”,下载Github单个文件</a></p>
</li>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/017300a-xin-lang-wei-bo-tu-chuang-300b-ben-di-markdown-bian-xie-geng-liu-75452c-xin-lang-wei-bo-tu-chuang-lai-bang-mang.html" target="_blank" rel="noopener">017《新浪微博图床》本地Markdown编写更流畅, 新浪微博图床来帮忙</a></p>
</li>
</ul>
<ul>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/016300a-jie-chu-b-zhan-qu-yu-xian-zhi-300b-cha-kan-jin-ji-de-ju-ren-di-san-ji.html" target="_blank" rel="noopener">016《解除B站区域限制》查看进击的巨人第三季</a></p>
</li>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/015xpath-helper300bwan-cheng-bing-mei-ri-bi-zhi-de-xiao-pa-chong.html" target="_blank" rel="noopener">015 《XPath Helper》完成Bing每日壁纸的小爬虫</a></p>
</li>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/014300a-chao-ji-ma-li-ao-you-xi-300b-chrome-bian-shen-xiao-ba-wang.html" target="_blank" rel="noopener">014《超级马里奥游戏》Chrome变身小霸王</a></p>
</li>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/013quick-qr300b-yong-er-wei-ma-shi-xian-yun-nian-tie.html" target="_blank" rel="noopener">013《Quick QR》用二维码实现云粘贴</a></p>
</li>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/012ourstickyschromete-se-wang-ye-bian-qian-zhi.html" target="_blank" rel="noopener">012《OurStickys》Chrome特色网页便签纸</a></p>
</li>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/011whatruns300b-yi-jian-fen-xi-wang-zhan-ji-zhu-zhan.html" target="_blank" rel="noopener">011 《whatruns》一键分析网站技术栈</a></p>
</li>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/010-speedtest300b-wang-luo-ce-su-cha-jian-speedtest.html" target="_blank" rel="noopener">010《speedtest》网络测速插件speedtest</a></p>
</li>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/009-vimiumchromeyu-vim-shuang-shen-qi-rong-he.html" target="_blank" rel="noopener">009《vimium》Chrome与vim双神器融合</a></p>
</li>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/008-chrome-cleaner-pro300b-wei-chrome-jia-su.html" target="_blank" rel="noopener">008《Chrome Cleaner Pro》为Chrome加速</a></p>
</li>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/007-loom-chromefan-lu-wang-ye-shi-pin-shen-qi.html" target="_blank" rel="noopener">007《loom》 Chrome翻录网页视频神器</a></p>
</li>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/006-similarsites-yi-jian-cha-zhao-zi-mei-wang-zhan-similarsites.html" target="_blank" rel="noopener">006《SimilarSites》 一键查找姊妹网站 SimilarSites</a></p>
</li>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/005-video-speed-controller-shua-ke-ff08-shua-ju-ff09-shen-qi-ff01-gei-wang-ye-shi-pin-jia-ge-901f28-zui-kuai-ke-da-16-500d2129.html" target="_blank" rel="noopener">005《Video Speed Controller》 刷课（刷剧）神器！给网页视频加个速(最快可达16倍!)</a></p>
</li>
</ul>
<ul>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/004-tampermonkey-you-hou-5b5021-gei-liu-lan-qi-kai-ge-gua.html" target="_blank" rel="noopener">004《Tampermonkey》 油猴子! 给浏览器开个挂</a></p>
</li>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/003-secure-shell-app-chromezhong-kai-qi-ssh-yi-zhong-shi-yao-ti-yan.html" target="_blank" rel="noopener">003《Secure Shell App》 Chrome中开启ssh一种什么体验</a></p>
</li>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/002-chrono-rang-chrome-xia-zai-zi-yuan-geng-rong-yi.html" target="_blank" rel="noopener">002《chrono》 让Chrome下载资源更容易</a></p>
</li>
<li><p><a href="https://zhaoolee.gitbooks.io/chrome/content/001-markdownyi-jian-zhuan-huan-523022-fu-wen-ben-ge-5f0f22.html" target="_blank" rel="noopener">001《markdown-here》 Markdown一键转换到”富文本格式”</a></p>
</li>
</ul>
<h2 id="开源插件推广-作者自荐"><a href="#开源插件推广-作者自荐" class="headerlink" title="开源插件推广(作者自荐)"></a>开源插件推广(作者自荐)</h2><table>
<thead>
<tr>
<th>名称</th>
<th>作者主页</th>
<th>开源信息</th>
<th>简介</th>
</tr>
</thead>
<tbody><tr>
<td><a href="https://chrome.google.com/webstore/detail/the-fucking-github/agajobpbaphiohkbkjigcalebbfmofdo" target="_blank" rel="noopener">The Fucking Github</a></td>
<td><a href="https://github.com/lvxianchao" target="_blank" rel="noopener">lvxianchao</a></td>
<td><a href="https://github.com/lvxianchao/the-fucking-github" target="_blank" rel="noopener">Github仓库地址</a></td>
<td>很方便地查看、整理、搜索你已经 Star 过的项目和搜索 Github 上的项目。</td>
</tr>
<tr>
<td><a href="https://chrome.google.com/webstore/detail/hitup/eiokaohkigpbonodjcbjpecbnccijkjb" target="_blank" rel="noopener">HitUP</a></td>
<td><a href="https://github.com/wonderbeyond" target="_blank" rel="noopener">wonderbeyond</a></td>
<td><a href="https://github.com/wonderbeyond/HitUP" target="_blank" rel="noopener">Github仓库地址</a></td>
<td>利用 New Tab “空白页” 助您保持对流行技术趋势的跟进，附带其它福利。</td>
</tr>
<tr>
<td><a href="https://chrome.google.com/webstore/detail/gitako-github-file-tree/giljefjcheohhamkjphiebfjnlphnokk" target="_blank" rel="noopener">Gitako - Github file tree</a></td>
<td><a href="https://github.com/EnixCoda" target="_blank" rel="noopener">EnixCoda</a></td>
<td><a href="https://github.com/EnixCoda/Gitako" target="_blank" rel="noopener">Github仓库地址</a></td>
<td>功能上类似于大名鼎鼎的 Octotree ，但是用了更现代化的前端工具，性能好很多。</td>
</tr>
<tr>
<td><a href="https://chrome.google.com/webstore/detail/githuber/janmcneaglgklfljjcpihkkomeghljnf" target="_blank" rel="noopener">GITHUBER</a></td>
<td><a href="https://github.com/zhuowenli" target="_blank" rel="noopener">zhuowenli</a></td>
<td><a href="https://github.com/zhuowenli/githuber" target="_blank" rel="noopener">Github仓库地址</a></td>
<td>这是一个帮助 GitHub 开发者每日发现优质内容的 Chrome 主页拓展。</td>
</tr>
</tbody></table>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/60c92f0de3d44bb7a612d08e2e1f3d18.png" alt="造福人类.png"></p>
<h2 id="咦-微信打赏"><a href="#咦-微信打赏" class="headerlink" title="咦?(微信打赏)"></a>咦?(微信打赏)</h2><p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/c4fdea49e11241e392d6bcaa33855897.png" alt></p>
<table>
<thead>
<tr>
<th>赞赏金额</th>
<th>赞赏者(微信名)</th>
<th>赞赏时间</th>
</tr>
</thead>
<tbody><tr>
<td>10.00</td>
<td>金三古月</td>
<td>2019年6月2日</td>
</tr>
<tr>
<td>10.00</td>
<td>Azuno</td>
<td>2019年6月1日</td>
</tr>
<tr>
<td>10.00</td>
<td>邦妥</td>
<td>2019年5月22日</td>
</tr>
<tr>
<td>5.00</td>
<td>那都不重要</td>
<td>2019年5月19日</td>
</tr>
<tr>
<td>1.00</td>
<td>Walter Wu</td>
<td>2019年6月1日</td>
</tr>
<tr>
<td>1.00</td>
<td>Joseph</td>
<td>2019年4月24日</td>
</tr>
<tr>
<td>1.00</td>
<td>(未留姓名)</td>
<td>2019年4月12日</td>
</tr>
<tr>
<td>1.00</td>
<td>于云鹏Edward</td>
<td>2019年4月12日</td>
</tr>
<tr>
<td>1.00</td>
<td>黄金星</td>
<td>2019年4月11日</td>
</tr>
<tr>
<td>1.00</td>
<td>Cloud 9</td>
<td>2019年4月5日</td>
</tr>
</tbody></table>
<hr>
<p><strong>感谢以上赞赏者对本开源项目的支持[手动滑稽]</strong></p>
<h4 id="053《鼠标点击特效-๑•́-∀-•̀๑-》为鼠标点击添加有趣的特效"><a href="#053《鼠标点击特效-๑•́-∀-•̀๑-》为鼠标点击添加有趣的特效" class="headerlink" title="053《鼠标点击特效 (๑•́ ∀ •̀๑)》为鼠标点击添加有趣的特效"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/053300a-shu-biao-dian-ji-te-xiao-2022-0300-0e5129-300b-wei-shu-biao-dian-ji-tian-jia-you-qu-de-te-xiao.html" target="_blank" rel="noopener">053《鼠标点击特效 (๑•́ ∀ •̀๑)》为鼠标点击添加有趣的特效</a></h4><p><img src="https://user-images.githubusercontent.com/15868458/61600040-04921b00-ac61-11e9-8446-533752d71de1.gif" alt></p>
<p>《鼠标点击特效 (๑•́ ∀ •̀๑)》是一款为鼠标点击添加有趣的特效的扩展程序,虽然没啥实际用途,但很好玩, 录制一些有趣的网页小程序时, 会非常出彩~</p>
<h4 id="052《Site-Palette》自动提取网站配色"><a href="#052《Site-Palette》自动提取网站配色" class="headerlink" title="052《Site Palette》自动提取网站配色"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/052site-palette.html" target="_blank" rel="noopener">052《Site Palette》自动提取网站配色</a></h4><p><img src="https://user-images.githubusercontent.com/15868458/61169390-2f101400-a58f-11e9-8769-4d62b7b64f37.gif" alt></p>
<p>Site Palette使用简单, 功能实用, 没有广告, 是典型的小而美的扩展程序, 这类扩展程序越多, Chrome的用户体验也就越好~</p>
<h4 id="051《Custom-Cursor-for-Chrome™》为Chrome换上可爱初音光标"><a href="#051《Custom-Cursor-for-Chrome™》为Chrome换上可爱初音光标" class="headerlink" title="051《Custom Cursor for Chrome™》为Chrome换上可爱初音光标"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/051custom-cursor-for-chrome.html" target="_blank" rel="noopener">051《Custom Cursor for Chrome™》为Chrome换上可爱初音光标</a></h4><p><img src="https://user-images.githubusercontent.com/15868458/61166967-d0846f00-a569-11e9-9141-15cef4983098.gif" alt></p>
<p>早期的QQ空间和个人博客, 我们会给页面加各种各样的装饰, 连鼠标指针也要定制一下, 当时感觉乐趣无穷, 后面就失去了兴趣, 对于个人博客, 感觉越简洁越好, 于是就有了Next这些大量留白的博客主题,但我感觉在Next这类主题中加一些定制化的小物件也是不错的, 在简洁与花哨之间找到平衡, 不正是生活的乐趣之源么~</p>
<h4 id="050《Google-Results-Previewer》无点击查看谷歌搜索结果"><a href="#050《Google-Results-Previewer》无点击查看谷歌搜索结果" class="headerlink" title="050《Google Results Previewer》无点击查看谷歌搜索结果"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/050google-results-previewer.html" target="_blank" rel="noopener">050《Google Results Previewer》无点击查看谷歌搜索结果</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/zhaoolee_images000000/9219a092f0f4eb1c6f614c1667b316d1.gif" alt></p>
</blockquote>
<p>Google Results Previewer的功能简单实用, 也没有多余的设置, 属于新手友好型工具</p>
<h4 id="049《Web-Server-for-Chrome》搭建本地Web服务器-实现局域网共享文件夹"><a href="#049《Web-Server-for-Chrome》搭建本地Web服务器-实现局域网共享文件夹" class="headerlink" title="049《Web Server for Chrome》搭建本地Web服务器, 实现局域网共享文件夹"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/049web-server-for-chrome.html" target="_blank" rel="noopener">049《Web Server for Chrome》搭建本地Web服务器, 实现局域网共享文件夹</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/zhaoolee_images000000/74d3eb882b103e0fb1e5e5dd651c052f.gif" alt></p>
</blockquote>
<p>Web Server for Chrome可以帮我们在本地快速开启http服务,让开发和测试变得更加简单, 如果你想和同处某个局域网的小伙伴, 建立一个共享文件夹, Web Server for Chrome或许是你最简单的实现方法~ </p>
<h4 id="048《Words-Discoverer》背单词新姿势-提升你的词汇量"><a href="#048《Words-Discoverer》背单词新姿势-提升你的词汇量" class="headerlink" title="048《Words Discoverer》背单词新姿势,提升你的词汇量"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/048words-discoverer.html" target="_blank" rel="noopener">048《Words Discoverer》背单词新姿势,提升你的词汇量</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/zhaoolee_images000000/305439fdd84017da654e00f16aaee752.gif" alt></p>
</blockquote>
<p>Words Discoverer(中文译名: 单词发现者),<strong>可以突出显示网页上罕见的英语字典词汇和惯用语。促进英语语言学习并扩大词汇量</strong>,通过自动高亮网页单词, 辅助单词记忆是一个很好的路子, 建议过一段时间,就稍微调高<strong>不突出显示 最常用的英语单词</strong>的数量, 比如从默认的15%调整到16%,  单词发现者与沙拉查词结合使用, 真的是体验极佳~</p>
<h4 id="047《Go-to-Tab》快速跳转到打开的网页"><a href="#047《Go-to-Tab》快速跳转到打开的网页" class="headerlink" title="047《Go to Tab》快速跳转到打开的网页"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/047go-to-tab.html" target="_blank" rel="noopener">047《Go to Tab》快速跳转到打开的网页</a></h4><p><img src="https://user-images.githubusercontent.com/15868458/59550928-2a623b00-8fa4-11e9-8525-8e830907463b.gif" alt="2019-06-15-18 54 23"></p>
<p>Go to Tab对于工作期间大量打开页面, 又长时间不关机的程序员们, 是非常有帮助的</p>
<h4 id="046《WhatFont》字体爱好者优雅查看网页字体"><a href="#046《WhatFont》字体爱好者优雅查看网页字体" class="headerlink" title="046《WhatFont》字体爱好者优雅查看网页字体"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/046whatfont.html" target="_blank" rel="noopener">046《WhatFont》字体爱好者优雅查看网页字体</a></h4><p><img src="https://user-images.githubusercontent.com/15868458/59549312-4529b500-8f8e-11e9-8107-004486a02258.gif" alt="font 2019-06-15 16_04_10"></p>
<p>WhatFont属于功能非常单一的小工具, 让字体爱好者优雅查看网页字体属性, 如果你对漂亮字体有一份执念, 推荐到<a href="https://fonts.google.com/" target="_blank" rel="noopener">https://fonts.google.com/</a>, <a href="https://www.myfonts.com/" target="_blank" rel="noopener">https://www.myfonts.com/</a><br> 等字体网站,找寻更多可爱的字体~</p>
<h4 id="045《Restlet-Client》优秀的Api测试工具"><a href="#045《Restlet-Client》优秀的Api测试工具" class="headerlink" title="045《Restlet Client》优秀的Api测试工具"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/045-restlet-client.html" target="_blank" rel="noopener">045《Restlet Client》优秀的Api测试工具</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/zhaoolee_images000000/89ea1e51dab48d5a84f089adf33eb274.gif" alt></p>
</blockquote>
<ul>
<li>Restlet Client是一款开发实用工具, 支持一键导入Postman等api测试工具的测试用例 </li>
<li>近来, Postman开始主推自己的70M左右的客户端安装包, 功能没什么改进, 体积却变得超大,而且Postman的Chrome扩展程序, 对macOS的支持不太好(每次打开, 都会弹窗报一个错)</li>
<li>Restlet Client依然只是一个开箱即用的Chrome扩展程序, 非常适合硬盘空间有限的小伙伴使用(软件功能够用就可以了~)</li>
</ul>
<h4 id="044《谷歌访问助手》访问Chrome商店-Gmail-谷歌搜索"><a href="#044《谷歌访问助手》访问Chrome商店-Gmail-谷歌搜索" class="headerlink" title="044《谷歌访问助手》访问Chrome商店 Gmail 谷歌搜索"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/044300a-gu-ge-fang-wen-zhu-shou-300b-cong-chrome-shang-dian-xia-zai-cha-4ef628-kuo-zhan-cheng-5e8f29.html" target="_blank" rel="noopener">044《谷歌访问助手》访问Chrome商店 Gmail 谷歌搜索</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/deff71a536ba4027a01fe3c7a558c277.gif" alt></p>
</blockquote>
<p>《谷歌访问助手》可以让我们访问Chrome商店, 以及谷歌搜索, 谷歌Gmail等服务<br><code>仅为香港地区用户提，供方便科研,外贸提供帮助,不良用户,将封锁访问IP,后果自负</code>, 谷歌访问助手需要你设置主页为<code>https://2018.hao245.com/</code>才能使用, 有百度全家桶, 360全家桶的流氓内涵~</p>
<h4 id="043《Dream-Afar-New-Tab》探索世界的新方式"><a href="#043《Dream-Afar-New-Tab》探索世界的新方式" class="headerlink" title="043《Dream Afar New Tab》探索世界的新方式"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/043dream-afar-new-tab.html" target="_blank" rel="noopener">043《Dream Afar New Tab》探索世界的新方式</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/e40b7bec41ce4ac892578bc88a03d25c.gif" alt></p>
</blockquote>
<p>《Dream Afar New Tab》的设计非常漂亮, 功能调节也非常简单, 只有两级菜单, 壁纸也非常精美, 对浏览器颜值有要求的小伙伴, 可以试一试~</p>
<h4 id="042-在Edge中安装Chrome扩展程序"><a href="#042-在Edge中安装Chrome扩展程序" class="headerlink" title="042 在Edge中安装Chrome扩展程序"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/042-zai-edge-zhong-an-zhuang-chrome-kuo-zhan-cheng-xu.html" target="_blank" rel="noopener">042 在Edge中安装Chrome扩展程序</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/a131b9833d20424ab93cb258ab8542e8.gif" alt></p>
</blockquote>
<p>Edge可以安装绝大多数Chrome商店中的扩展, 但Chrome中的谷歌开发App程序, 类似<a href="https://chrome.google.com/webstore/detail/secure-shell-app/pnhechapfaindjhompbnflcldabbghjo" target="_blank" rel="noopener">Secure Shell App</a>, 目前是无法安装的, 新版Edge使用了Chrome的Chromium内核, 可以兼容安装Chrome生态中的各种应用程序,为Edge未来的发展带来了无限可能~</p>
<h4 id="041《Copy-All-Urls》优雅地保存-开启多个标签页"><a href="#041《Copy-All-Urls》优雅地保存-开启多个标签页" class="headerlink" title="041《Copy All Urls》优雅地保存-开启多个标签页"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/041copy-all-urls.html" target="_blank" rel="noopener">041《Copy All Urls》优雅地保存-开启多个标签页</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/eac219ff189a4295bbf88974b045ba5b.gif" alt></p>
</blockquote>
<p>Copy All Urls属于小而美地工具，如果你每天都需要查看几个固定的网页, Copy All Urls能帮你省很多时间~</p>
<h4 id="040《GitZip-for-github》从Github批量下载表情包"><a href="#040《GitZip-for-github》从Github批量下载表情包" class="headerlink" title="040《GitZip for github》从Github批量下载表情包"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/040gitzip-for-github.html" target="_blank" rel="noopener">040《GitZip for github》从Github批量下载表情包</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/f5b923dc4a21437484e90859342ed366.gif" alt></p>
</blockquote>
<blockquote>
<p>以前介绍过Github快速下载单个文件的扩展工具<a href="https://zhaoolee.gitbooks.io/chrome/content/018enhanced-github300b-cong-201c-bing-gui-201d-dao-201c-bing-gun-er-201d2c-xia-zai-github-dan-ge-wen-jian.html" target="_blank" rel="noopener">《Enhanced Github》</a> , 《Enhanced Github》 和 《GitZip for github》 结合到一起, 就可以让我们快速下载, github任意仓库任意文件夹的优质资源了~</p>
</blockquote>
<h4 id="039《Simplify-Gmail》让网页版Gmail更清爽"><a href="#039《Simplify-Gmail》让网页版Gmail更清爽" class="headerlink" title="039《Simplify Gmail》让网页版Gmail更清爽"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/039simplify-gmail300b-rang-wang-ye-ban-gmail-geng-qing-shuang.html" target="_blank" rel="noopener">039《Simplify Gmail》让网页版Gmail更清爽</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/c9b1aa8201c24208b0e0aedfcdbdc992.gif" alt></p>
</blockquote>
<blockquote>
<p>好的扩展程序就应该这样, 让人见到后耳目一新, 使用的方法却非常简单。<br>如果你并没有注册过Gmail邮箱, 可以尝试注册一个, Gmail是非常好用的, 拥有规范的接口, 不会随便拦截邮件, 也不会在页面铺满广告</p>
</blockquote>
<h4 id="038《Alexa-Traffic-Rank》一键查看网站全球排名"><a href="#038《Alexa-Traffic-Rank》一键查看网站全球排名" class="headerlink" title="038《Alexa Traffic Rank》一键查看网站全球排名"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/038alexa-traffic-rank.html" target="_blank" rel="noopener">038《Alexa Traffic Rank》一键查看网站全球排名</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/fcefd45a5cc74e4c824f567535f79c5c.webp" alt></p>
</blockquote>
<blockquote>
<p>Alexa给出的网站排名, 是目前公认最具参考价值的排名, 打开一个新站点, 查一下新站点的Alexa排名, 以及与它类似的站点, 让我们很快对新站点的定位, 有一个大致的认知~</p>
</blockquote>
<h4 id="037《Saladict》谷歌-有道-我全都要-聚合词典-并行翻译"><a href="#037《Saladict》谷歌-有道-我全都要-聚合词典-并行翻译" class="headerlink" title="037《Saladict》谷歌!有道!我全都要! 聚合词典, 并行翻译"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/037.html" target="_blank" rel="noopener">037《Saladict》谷歌!有道!我全都要! 聚合词典, 并行翻译</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/07322f3c4b13484a8a048194558cec5c.gif" alt></p>
</blockquote>
<blockquote>
<p>沙拉查词(Saladict)是一款非常优秀的查词扩展, 上文只是提及了它最常用的一些功能, 沙拉查词的后台管理选项非常丰富, 感兴趣的小伙伴可以慢慢探索</p>
</blockquote>
<h4 id="036《Screen-Shader》把屏幕调成暖色，你的眼睛会感谢你🙏"><a href="#036《Screen-Shader》把屏幕调成暖色，你的眼睛会感谢你🙏" class="headerlink" title="036《Screen Shader》把屏幕调成暖色，你的眼睛会感谢你🙏"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/036screen-shader.html" target="_blank" rel="noopener">036《Screen Shader》把屏幕调成暖色，你的眼睛会感谢你🙏</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/3a94a283267047c39114694706de7293.gif" alt></p>
</blockquote>
<blockquote>
<p>对于长时间看电脑的办公人员, 可以尝试吧屏幕调成暖色, 开始可能会不习惯, 但后面会感觉眼睛会舒服很多, 你的眼睛也会感谢你的~</p>
</blockquote>
<h4 id="035《Print-Friendly-amp-PDF》让你拥有最佳的打印阅读体验"><a href="#035《Print-Friendly-amp-PDF》让你拥有最佳的打印阅读体验" class="headerlink" title="035《Print Friendly &amp; PDF》让你拥有最佳的打印阅读体验"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/035print-friendly-and-pdf.html" target="_blank" rel="noopener">035《Print Friendly &amp; PDF》让你拥有最佳的打印阅读体验</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/a71d2b280298482ba2408482c1537bf9.gif" alt></p>
</blockquote>
<blockquote>
<p>《Print Friendly &amp; PDF》是一款文件打印chrome插件，会在打印之前删除垃圾广告，导航和无用浮窗从而实现页面优化，让你拥有最佳的打印阅读体验, 如果你经常需要打印网页, 可以通过《Print Friendly &amp; PDF》让你的打印工作变得省时省力~</p>
</blockquote>
<h4 id="034《Astro-Bot》用新标签页刷编程题"><a href="#034《Astro-Bot》用新标签页刷编程题" class="headerlink" title="034《Astro Bot》用新标签页刷编程题"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/034astro-bot.html" target="_blank" rel="noopener">034《Astro Bot》用新标签页刷编程题</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/671d39ca714f437fa1d287bfb988724e.gif" alt></p>
</blockquote>
<blockquote>
<p>Astro Bot可以在新标签页,展示一道与程序相关的问题或相关新闻</p>
</blockquote>
<h4 id="033《一叶》在任意网页开启实时弹幕-聊天窗口-留言板"><a href="#033《一叶》在任意网页开启实时弹幕-聊天窗口-留言板" class="headerlink" title="033《一叶》在任意网页开启实时弹幕 聊天窗口 留言板"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/033.html" target="_blank" rel="noopener">033《一叶》在任意网页开启实时弹幕 聊天窗口 留言板</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/6a328e8eb9984f5abea5816c681b8e4e.gif" alt></p>
</blockquote>
<blockquote>
<p>一叶是一款很有想法的产品,但目前用户量还是很少, 对此,我个人也有一些想法,如果官方可以效仿pokemongo这类寻宝游戏,在各大网站的主页对应的留言板内,埋下一些有意思的彩蛋,让用户去寻宝,或许会有利于产品的推广~</p>
</blockquote>
<h4 id="032《Smallpdf》简单好用的线上PDF工具"><a href="#032《Smallpdf》简单好用的线上PDF工具" class="headerlink" title="032《Smallpdf》简单好用的线上PDF工具"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/032smallpdf300b-jian-dan-hao-yong-de-xian-shang-pdf-gong-ju.html" target="_blank" rel="noopener">032《Smallpdf》简单好用的线上PDF工具</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/2c00d25291db4750963c60e78344d4cc.gif" alt></p>
</blockquote>
<blockquote>
<p>Smallpdf是一个非常好用的PDF工具,可以收藏起来,作为日常办公的工具, Smallpdf可以进行多份pdf在线合并, pdf在线编辑, 如果你是一个经常和PDF打交道的人, 可不要错过它~</p>
</blockquote>
<h4 id="031《OneTab》把多个Tab转换为一个列表"><a href="#031《OneTab》把多个Tab转换为一个列表" class="headerlink" title="031《OneTab》把多个Tab转换为一个列表"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/031onetab300b-ba-duo-ge-tab-zhuan-huan-wei-yi-ge-lie-biao.html" target="_blank" rel="noopener">031《OneTab》把多个Tab转换为一个列表</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/93781d48870742e08dc68fa17e79169e.png" alt></p>
</blockquote>
<blockquote>
<p>当你发现自己有太多的标签页时,单击OneTab图标,所有标签页会转换成一个列表,当你需要再次访问这些标签页时,点击OneTab图标唤出列表,点击列表恢复标签页</p>
</blockquote>
<h4 id="030《掘金》相信优质技术内容的力量"><a href="#030《掘金》相信优质技术内容的力量" class="headerlink" title="030《掘金》相信优质技术内容的力量"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/030300a-jue-jin-300b-xiang-xin-you-zhi-ji-zhu-nei-rong-de-li-liang.html" target="_blank" rel="noopener">030《掘金》相信优质技术内容的力量</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/fcca47d65f2542808281c17ec379d7d9.gif" alt></p>
</blockquote>
<blockquote>
<p>如果你想对 程序员, 产品经理, 设计师的行业知识有所了解, 可以没事儿打开掘金插件看一看, 如果你感觉很喜欢里面的内容, 可以到掘金官网 <a href="https://juejin.im/" target="_blank" rel="noopener">https://juejin.im/</a> 逛一逛</p>
</blockquote>
<h4 id="029-《SimpRead》为任意网页开启阅读模式"><a href="#029-《SimpRead》为任意网页开启阅读模式" class="headerlink" title="029 《SimpRead》为任意网页开启阅读模式"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/029-simread300b-wei-ren-yi-wang-ye-kai-qi-yue-du-mo-shi.html" target="_blank" rel="noopener">029 《SimpRead》为任意网页开启阅读模式</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/0f9aa9ca332c4325806f92784af9f9ac.gif" alt><br>为网页开启阅读模式, 能让我们更专注于内容, 不会被花花绿绿的广告推广分散精力, 而SimpRead就是一歀为网页开启<strong>阅读模式</strong>的插件</p>
</blockquote>
<h4 id="028《AdBlock》Adblock屏蔽简书广告"><a href="#028《AdBlock》Adblock屏蔽简书广告" class="headerlink" title="028《AdBlock》Adblock屏蔽简书广告"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/028adblockadblockping-bi-jian-shu-guang-gao.html" target="_blank" rel="noopener">028《AdBlock》Adblock屏蔽简书广告</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/e149c42ac1f343b88f50e522cba9ad64.gif" alt="屏蔽简书广告"><br>Adblock的功能非常丰富, 但很多功能基本用不到, 普通用户只需要开启Adblock, 能使用右键工具屏蔽不喜欢的广告, 也就够用了~</p>
</blockquote>
<h4 id="027《Text》来自Chrome实验室的跨平台记事本"><a href="#027《Text》来自Chrome实验室的跨平台记事本" class="headerlink" title="027《Text》来自Chrome实验室的跨平台记事本"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/027text300b-lai-zi-chrome-shi-yan-shi-de-kua-ping-tai-ji-shi-ben.html" target="_blank" rel="noopener">027《Text》来自Chrome实验室的跨平台记事本</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/6e287798ca1d4b939705447d4b8b2b3b.gif" alt></p>
</blockquote>
<blockquote>
<p>Text由谷歌Chrome实验室研发并开源, 开源地址<a href="https://github.com/GoogleChromeLabs/text-app" target="_blank" rel="noopener">https://github.com/GoogleChromeLabs/text-app</a> , Text属于小而美的产品, 功能不算强大, 但是够用, 而且借助Chrome完成了跨平台(在Linux也可以使用哦~)</p>
</blockquote>
<h4 id="026《Quickey-Launcher》打开网站只需一键"><a href="#026《Quickey-Launcher》打开网站只需一键" class="headerlink" title="026《Quickey Launcher》打开网站只需一键"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/026-quickey-launcher300b-da-kai-wang-zhan-zhi-xu-yi-jian.html" target="_blank" rel="noopener">026《Quickey Launcher》打开网站只需一键</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/322a82d214b34ff2ba70d9c1cd71d276.gif" alt><br>Quickey Launcher以优雅的方式, 为任意网页绑定一个快捷键, 绑定完成后, 即可通过快捷键,打开网页</p>
</blockquote>
<h4 id="025《Console》Chrome自带好用的计算器"><a href="#025《Console》Chrome自带好用的计算器" class="headerlink" title="025《Console》Chrome自带好用的计算器"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/025-consolechromezi-dai-de-hao-yong-ji-suan-qi.html" target="_blank" rel="noopener">025《Console》Chrome自带好用的计算器</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/c7bc7cabd06a453dbed2bae0a2bf08d5.gif" alt></p>
</blockquote>
<blockquote>
<p>Chrome计算机的好用之处: 既可以看到加数字的记录,也可以实时预览运算的结果, 输入完成后还可以很方便的核查一遍, 还有一点: Chrome计算器观赏性强(逼格很高)</p>
</blockquote>
<h4 id="024《Dark-Reader》为任意网站启用夜间模式"><a href="#024《Dark-Reader》为任意网站启用夜间模式" class="headerlink" title="024《Dark Reader》为任意网站启用夜间模式"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/024dark-reader300b-wei-ren-yi-wang-zhan-qi-yong-ye-jian-mo-shi.html" target="_blank" rel="noopener">024《Dark Reader》为任意网站启用夜间模式</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/35e84f58945d4775a31154ea4dc51cac.gif" alt></p>
</blockquote>
<blockquote>
<p>喜欢夜间模式的小伙伴, Dark Reader应该可以满足你了~</p>
</blockquote>
<h5 id="023《FireShot》一键滚动截屏整个网页"><a href="#023《FireShot》一键滚动截屏整个网页" class="headerlink" title="023《FireShot》一键滚动截屏整个网页"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/023fireshot300b-yi-jian-gun-dong-jie-ping-zheng-ge-wang-ye.html" target="_blank" rel="noopener">023《FireShot》一键滚动截屏整个网页</a></h5><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/81ac43fe1d6e454b93dc7f3ae57d96cd.gif" alt><br>总体来讲, FireShot是一款不错的软件, 免费且功能够用, 滚动截图的功能比同类软件做的都要好</p>
</blockquote>
<h4 id="022《扩展管理器》管理你的Chrome扩展"><a href="#022《扩展管理器》管理你的Chrome扩展" class="headerlink" title="022《扩展管理器》管理你的Chrome扩展"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/022300a-kuo-zhan-guan-li-qi-300b-guan-li-ni-de-chrome-kuo-zhan.html" target="_blank" rel="noopener">022《扩展管理器》管理你的Chrome扩展</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/0480fffebb10437c8d5555f085de9006.gif" alt><br>如果Chrome安装的插件很多, 我们可以对插件进行分组, 按照场景,启用不同组的插件</p>
</blockquote>
<h4 id="021《哔哩哔哩助手》助你快速成为B站老司机"><a href="#021《哔哩哔哩助手》助你快速成为B站老司机" class="headerlink" title="021《哔哩哔哩助手》助你快速成为B站老司机"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/021300a-bi-li-bi-li-zhu-shou-300b-zhu-ni-kuai-su-cheng-wei-b-zhan-lao-si-ji.html" target="_blank" rel="noopener">021《哔哩哔哩助手》助你快速成为B站老司机</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/6ccb9837b60d4d79814a8add20723d97.gif" alt></p>
</blockquote>
<blockquote>
<p>哔哩哔哩助手, 功能实用,开发者也一直保持着较高频率的更新,可以放心食用~</p>
</blockquote>
<h4 id="020《Boxel-Rebound》“嗨到中毒”的弹跳小方块-附自制赛道分享方法"><a href="#020《Boxel-Rebound》“嗨到中毒”的弹跳小方块-附自制赛道分享方法" class="headerlink" title="020《Boxel Rebound》“嗨到中毒”的弹跳小方块(附自制赛道分享方法)"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/020boxel-rebound300b-201c-hai-dao-zhong-du-201d-de-dan-tiao-xiao-fang-575728-fu-zi-zhi-sai-dao-fen-xiang-fang-6cd529.html" target="_blank" rel="noopener">020《Boxel Rebound》“嗨到中毒”的弹跳小方块(附自制赛道分享方法)</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/dbc83cc53c26492db8843ff3e35fc75d.gif" alt><br>Boxel Rebound是一个偏极客的小游戏, 玩法简单, 可以自由创建赛道, 分享赛道, 获取别人的赛道进行二次开发; 无论你是Mac用户,Windows用户,Linux用户, 只要安装了Chrome浏览器, 就可以玩耍Boxel Rebound</p>
</blockquote>
<h4 id="019《MEGA》网盘可以良心到什么程度-试试MEGA吧"><a href="#019《MEGA》网盘可以良心到什么程度-试试MEGA吧" class="headerlink" title="019《MEGA》网盘可以良心到什么程度? 试试MEGA吧!"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/019mega300b-wang-pan-ke-yi-liang-xin-dao-shi-yao-cheng-5ea63f-shi-shi-mega-542721.html" target="_blank" rel="noopener">019《MEGA》网盘可以良心到什么程度? 试试MEGA吧!</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/b5aea0b5e3c54f0a9a050a754a67093d.png" alt></p>
</blockquote>
<blockquote>
<ul>
<li>没有限速的概念(真的被百度盘的限速策略恶心到了)</li>
<li>在国内可用(google虽好, 但国内用不了, MEGAsync亲测国内可用)</li>
<li>云端加密, 资源不会被封杀</li>
<li>官方提供了Linux客户端</li>
</ul>
</blockquote>
<h4 id="018《Enhanced-Github》从“冰柜”到“冰棍儿”-下载Github单个文件"><a href="#018《Enhanced-Github》从“冰柜”到“冰棍儿”-下载Github单个文件" class="headerlink" title="018《Enhanced Github》从“冰柜”到“冰棍儿”,下载Github单个文件"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/018enhanced-github300b-cong-201c-bing-gui-201d-dao-201c-bing-gun-er-201d2c-xia-zai-github-dan-ge-wen-jian.html" target="_blank" rel="noopener">018《Enhanced Github》从“冰柜”到“冰棍儿”,下载Github单个文件</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/769a22f995d74226ba4104aba7e8ab59.png" alt><br><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/00541b7bd6954f8ea2a6a1beaebbb79b.png" alt><br>我需要Github给我一根冰棍解暑,Github却坚持把装有冰棍的冰柜也送给我（哥们儿真够意思）… 有了Enhanced Github这款插件, 我们可以下载Github优秀项目中最核心的代码文件进行学习, 而不是 下载 整个仓库作为藏品</p>
</blockquote>
<h4 id="017《新浪微博图床》本地Markdown编写更流畅-新浪微博图床来帮忙"><a href="#017《新浪微博图床》本地Markdown编写更流畅-新浪微博图床来帮忙" class="headerlink" title="017《新浪微博图床》本地Markdown编写更流畅, 新浪微博图床来帮忙"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/017300a-xin-lang-wei-bo-tu-chuang-300b-ben-di-markdown-bian-xie-geng-liu-75452c-xin-lang-wei-bo-tu-chuang-lai-bang-mang.html" target="_blank" rel="noopener">017《新浪微博图床》本地Markdown编写更流畅, 新浪微博图床来帮忙</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/48c12b3864f84e988e073209fd7cf8e4.gif" alt><br>用Markdown写文章, 如果文章中使用了本地配图, 那本地配图就要和文章一起打包,否则别人是看不到图片的,如果把本地图片放到网络服务器, 然后直接把图片的url粘贴到文章里面, 就可以免除图片打包的步骤</p>
</blockquote>
<h4 id="016《解除B站区域限制》查看进击的巨人第三季"><a href="#016《解除B站区域限制》查看进击的巨人第三季" class="headerlink" title="016《解除B站区域限制》查看进击的巨人第三季"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/016300a-jie-chu-b-zhan-qu-yu-xian-zhi-300b-cha-kan-jin-ji-de-ju-ren-di-san-ji.html" target="_blank" rel="noopener">016《解除B站区域限制》查看进击的巨人第三季</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/34d50d4d15094ca08e1bbd76c477122a.png" alt><br><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/99fd518796894945aa87225a5022c453.png" alt><br>解除B站区域限制,B站老司机必备技能</p>
</blockquote>
<h4 id="015《XPath-Helper》完成Bing每日壁纸的小爬虫"><a href="#015《XPath-Helper》完成Bing每日壁纸的小爬虫" class="headerlink" title="015《XPath Helper》完成Bing每日壁纸的小爬虫"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/015xpath-helper300bwan-cheng-bing-mei-ri-bi-zhi-de-xiao-pa-chong.html" target="_blank" rel="noopener">015《XPath Helper》完成Bing每日壁纸的小爬虫</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/308bec78f4674130b85a5852f0b25a88.png" alt></p>
</blockquote>
<blockquote>
<p>XPath是一个辅助我们写爬虫的小插件, 我们可以用XPath辅助我们完成一个Bing壁纸的小爬虫~</p>
</blockquote>
<h4 id="014《超级马里奥游戏》Chrome变身小霸王"><a href="#014《超级马里奥游戏》Chrome变身小霸王" class="headerlink" title="014《超级马里奥游戏》Chrome变身小霸王"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/014300a-chao-ji-ma-li-ao-you-xi-300b-chrome-bian-shen-xiao-ba-wang.html" target="_blank" rel="noopener">014《超级马里奥游戏》Chrome变身小霸王</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/008f3bd3c8b8483b9d70be5d5ed4f9ee.gif" alt="超级玛丽.gif"></p>
</blockquote>
<blockquote>
<p>用Chrome玩超级马里奥是一种什么体验? 哈哈, 好玩! 《超级马里奥游戏》这款插件,可以让你打开Chrome, 随时玩一局超级玛丽, 嘿嘿😋</p>
</blockquote>
<h4 id="013《Quick-QR》用二维码实现云粘贴"><a href="#013《Quick-QR》用二维码实现云粘贴" class="headerlink" title="013《Quick QR》用二维码实现云粘贴"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/013quick-qr300b-yong-er-wei-ma-shi-xian-yun-nian-tie.html" target="_blank" rel="noopener">013《Quick QR》用二维码实现云粘贴</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/b59f299316624e86aa7cdd379a02aac4.png" alt></p>
</blockquote>
<blockquote>
<p>通过Quick QR, 我们可以不借助任何通讯软件,通过手机扫码,获取PC浏览器上任意一段文字信息(云粘贴板哦~)</p>
</blockquote>
<h4 id="012《OurStickys》Chrome特色网页便签纸"><a href="#012《OurStickys》Chrome特色网页便签纸" class="headerlink" title="012《OurStickys》Chrome特色网页便签纸"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/012ourstickyschromete-se-wang-ye-bian-qian-zhi.html" target="_blank" rel="noopener">012《OurStickys》Chrome特色网页便签纸</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/62597d60ffd6443396725c9677951221.gif" alt></p>
</blockquote>
<blockquote>
<p>向众人介绍喜欢的网页功能时,可以边讲,边向网页打便签,这样既能让人眼前一亮,也让听众容易抓住重点~</p>
</blockquote>
<h4 id="011-《whatruns》一键分析网站技术栈"><a href="#011-《whatruns》一键分析网站技术栈" class="headerlink" title="011 《whatruns》一键分析网站技术栈"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/011whatruns300b-yi-jian-fen-xi-wang-zhan-ji-zhu-zhan.html" target="_blank" rel="noopener">011 《whatruns》一键分析网站技术栈</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/28cc002358c647878b54f9bcaaf67a0a.png" alt></p>
</blockquote>
<blockquote>
<p>如果你对当前浏览的网站非常感兴趣, 可以通过whatruns了解软件的技术栈, 比如看看这个名为facebook用了什么技术</p>
</blockquote>
<h4 id="010《speedtest》网络测速插件speedtest"><a href="#010《speedtest》网络测速插件speedtest" class="headerlink" title="010《speedtest》网络测速插件speedtest"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/010-speedtest300b-wang-luo-ce-su-cha-jian-speedtest.html" target="_blank" rel="noopener">010《speedtest》网络测速插件speedtest</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/9aa1e5323a6a4cbcb96304b33a5261c8.png" alt></p>
</blockquote>
<blockquote>
<p>当上网速度很慢的时候, 人们想到的第一件事就进行网络测速,在window上, 只要你安装了360全家桶, 测速功能就是默认安装的, 但测速这种功能根本不需要安装到本地, 交给浏览器就好了</p>
</blockquote>
<h4 id="009《vimium》Chrome与vim双神器融合"><a href="#009《vimium》Chrome与vim双神器融合" class="headerlink" title="009《vimium》Chrome与vim双神器融合"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/009-vimiumchromeyu-vim-shuang-shen-qi-rong-he.html" target="_blank" rel="noopener">009《vimium》Chrome与vim双神器融合</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/7d6e9fadef3f48409c81a8c76d24e0cc.gif" alt></p>
</blockquote>
<blockquote>
<p>vimium可以让我们只使用键盘就可以浏览网页, 如果你第一次看到有人使用vimium, 它的操作方式绝对能让你感到惊艳~</p>
</blockquote>
<h4 id="008《Chrome-Cleaner-Pro》为Chrome加速"><a href="#008《Chrome-Cleaner-Pro》为Chrome加速" class="headerlink" title="008《Chrome Cleaner Pro》为Chrome加速"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/008-chrome-cleaner-pro300b-wei-chrome-jia-su.html" target="_blank" rel="noopener">008《Chrome Cleaner Pro》为Chrome加速</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/30899ae22f644a9bb62eb8b24d75c884.png" alt></p>
</blockquote>
<blockquote>
<p>Chrome经过最近几年的发展, 强力的扩展越来越多, 离Chrome OS的目标也越来越近, 软件做大了就会有类似Windows的通病, 软件会变慢, 让Chrome变快的最简单方式就是清理垃圾, 而Chrome Cleaner Pro走的是一键清理的路子~</p>
</blockquote>
<h4 id="007《loom》-Chrome翻录网页视频神器"><a href="#007《loom》-Chrome翻录网页视频神器" class="headerlink" title="007《loom》 Chrome翻录网页视频神器"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/007-loom-chromefan-lu-wang-ye-shi-pin-shen-qi.html" target="_blank" rel="noopener">007《loom》 Chrome翻录网页视频神器</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/4058cf0008074c5f86b8eb1684e7a1a0.png" alt></p>
</blockquote>
<blockquote>
<p>Loom可以一键录制浏览器的单个标签页(盗版翻录视频的神器), 录制完成后自动生成在线网页,进行视频播放, 可以下载刚刚录制的视频, 也可以为刚刚生成的在线视频设置密码(盗版录屏加发布一条龙服务~)</p>
</blockquote>
<h4 id="006《SimilarSites》-一键查找姊妹网站-SimilarSites"><a href="#006《SimilarSites》-一键查找姊妹网站-SimilarSites" class="headerlink" title="006《SimilarSites》 一键查找姊妹网站 SimilarSites"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/006-similarsites-yi-jian-cha-zhao-zi-mei-wang-zhan-similarsites.html" target="_blank" rel="noopener">006《SimilarSites》 一键查找姊妹网站 SimilarSites</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/26c6c604be1c41e88ebfe79c733173b0.png" alt></p>
</blockquote>
<blockquote>
<p>当你浏览一个很棒的站点的时候, 或许你会想到, 和它”差不多”的站点有哪些, 尤其是针对一些资源站点, 这个站点没有, 而它同类的站点”往往有”! SimilarSites, 它的作用只有一个, 发现同类站点!</p>
</blockquote>
<h4 id="005《Video-Speed-Controller》-刷课（刷剧）神器！给网页视频加个速-最快可达16倍"><a href="#005《Video-Speed-Controller》-刷课（刷剧）神器！给网页视频加个速-最快可达16倍" class="headerlink" title="005《Video Speed Controller》 刷课（刷剧）神器！给网页视频加个速(最快可达16倍!)"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/005-video-speed-controller-shua-ke-ff08-shua-ju-ff09-shen-qi-ff01-gei-wang-ye-shi-pin-jia-ge-901f28-zui-kuai-ke-da-16-500d2129.html" target="_blank" rel="noopener">005《Video Speed Controller》 刷课（刷剧）神器！给网页视频加个速(最快可达16倍!)</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/083c51a1c32a4ad6931646bb005fd5a3.png" alt></p>
</blockquote>
<blockquote>
<p>刷一些没营养视频的时候, 我们会有倍速播放视频的需求, 而网站的在线播放器一般只提供不高于4倍的播放速度, 而Video Speed Controller可以将视频播放速度提高到16倍速~</p>
</blockquote>
<h4 id="004《Tampermonkey》-油猴子-给浏览器开个挂"><a href="#004《Tampermonkey》-油猴子-给浏览器开个挂" class="headerlink" title="004《Tampermonkey》 油猴子! 给浏览器开个挂"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/004-tampermonkey-you-hou-5b5021-gei-liu-lan-qi-kai-ge-gua.html" target="_blank" rel="noopener">004《Tampermonkey》 油猴子! 给浏览器开个挂</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/e87601eb459549b3b8e33994fc3fdfb4.png" alt></p>
</blockquote>
<blockquote>
<p>油猴子必备成为Chrome的第二应用商店, 有了油猴子, 你可以免费查看VIP视频, 清除各种网页广告, 在豆瓣影评页面显示电影资源的下载地址~</p>
</blockquote>
<h4 id="003《Secure-Shell-App》-Chrome中开启ssh一种什么体验"><a href="#003《Secure-Shell-App》-Chrome中开启ssh一种什么体验" class="headerlink" title="003《Secure Shell App》 Chrome中开启ssh一种什么体验"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/003-secure-shell-app-chromezhong-kai-qi-ssh-yi-zhong-shi-yao-ti-yan.html" target="_blank" rel="noopener">003《Secure Shell App》 Chrome中开启ssh一种什么体验</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/87b66b4cbd12426bbab65a3443f1f1ec.png" alt></p>
</blockquote>
<blockquote>
<p>很多小白想要通过购买服务器搭建自己的VPN, 购买服务器后, 第一步就是要通过ssh登录服务器, 而Windows并没有自带ssh软件,现在你无需下载putty或xshell ,可以通过这款Secure Shell App在chrome直接实现ssh登录服务器了</p>
</blockquote>
<h4 id="002-《chrono》-让Chrome下载资源更容易"><a href="#002-《chrono》-让Chrome下载资源更容易" class="headerlink" title="002 《chrono》 让Chrome下载资源更容易"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/002-chrono-rang-chrome-xia-zai-zi-yuan-geng-rong-yi.html" target="_blank" rel="noopener">002 《chrono》 让Chrome下载资源更容易</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/b574ee1798984ff49396837b620f51ef.png" alt></p>
</blockquote>
<blockquote>
<p>chrono可以非常方便的嗅探识别网页中的资源, 然后一键下载所有资源(收图喽!)</p>
</blockquote>
<h4 id="001《markdown-here》-Markdown一键转换到”富文本格式”"><a href="#001《markdown-here》-Markdown一键转换到”富文本格式”" class="headerlink" title="001《markdown-here》 Markdown一键转换到”富文本格式”"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/001-markdownyi-jian-zhuan-huan-523022-fu-wen-ben-ge-5f0f22.html" target="_blank" rel="noopener">001《markdown-here》 Markdown一键转换到”富文本格式”</a></h4><blockquote>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/fc5de2eb22184a138c618728cfb40ede.gif" alt></p>
</blockquote>
<blockquote>
<p>有了markdown-here这个插件, 可以在网页版 QQ邮箱, Gmail, 新浪头条文章, 里面使用mardown格式进行书写,然后一键转换为富文本</p>
</blockquote>
<hr>
<h2 id="他人眼中的-Chrome插件英雄榜-商业互吹模块"><a href="#他人眼中的-Chrome插件英雄榜-商业互吹模块" class="headerlink" title="他人眼中的 Chrome插件英雄榜(商业互吹模块)"></a>他人眼中的 Chrome插件英雄榜(商业互吹模块)</h2><ul>
<li><a href="https://blog.csdn.net/dQCFKyQDXYm3F8rB0/article/details/88386634" target="_blank" rel="noopener">《这份“插件英雄榜Top20”才是Chrome的正确打开方式！》</a> 作者: <a href="https://me.csdn.net/dQCFKyQDXYm3F8rB0" target="_blank" rel="noopener">AI科技大本营</a></li>
<li><a href="https://zhuanlan.zhihu.com/p/58636515" target="_blank" rel="noopener">《Chrome 插件英雄榜》</a> 作者: <a href="https://www.zhihu.com/people/loonggg/activities" target="_blank" rel="noopener">非著名程序员</a></li>
<li><a href="https://openingsource.org/6190/zh-tw/" target="_blank" rel="noopener">《開源日報第363期》</a> 作者: <a href="https://openingsource.org/" target="_blank" rel="noopener">开源工厂</a></li>
<li><a href="https://mp.weixin.qq.com/s/Y-9ht-E7-OdJOEDDb3yyWw" target="_blank" rel="noopener">《一根火柴的N种打开方式》</a> 作者: <a href="https://github.com/LuoJiangYong" target="_blank" rel="noopener">老罗巴扎嘿</a></li>
</ul>
<h2 id="名字起啥好"><a href="#名字起啥好" class="headerlink" title="名字起啥好?"></a>名字起啥好?</h2><p>将这个仓库命名为<strong>Chrome扩展英雄榜</strong>可能更准确些,但<strong>插件</strong>这个名词, 更通俗易懂, 所以就使用了<strong>Chrome插件英雄榜</strong>这个命名 ,感谢@<a href="https://github.com/hjthjthjt" target="_blank" rel="noopener">hjthjthjt</a> 给出的<a href="https://github.com/zhaoolee/ChromeAppHeroes/issues/14" target="_blank" rel="noopener">issue</a>纠正</p>
<h2 id="推荐姊妹仓库"><a href="#推荐姊妹仓库" class="headerlink" title="推荐姊妹仓库"></a><a href="https://github.com/zhaoolee/StarsAndClown" target="_blank" rel="noopener">推荐姊妹仓库</a></h2><p>本仓库的姊妹篇:<strong><a href="https://github.com/zhaoolee/StarsAndClown" target="_blank" rel="noopener">《Github星聚弃疗榜》</a></strong>为Github创意项目写一本推荐书，让Github优秀项目造福人类~ 已开源到Github: <a href="https://github.com/zhaoolee/StarsAndClown" target="_blank" rel="noopener">https://github.com/zhaoolee/StarsAndClown</a> 同样有趣有料哦~</p>
<h2 id="感谢"><a href="#感谢" class="headerlink" title="感谢"></a>感谢</h2><ul>
<li><p>感谢 掘金沸点运营 <a href="https://juejin.im/user/5b39bd7de51d4558d43ff06d" target="_blank" rel="noopener">@清蒸不是水煮</a> 给出的 <strong>正面最开始放个索引目录比较好</strong> 的小建议</p>
</li>
<li><p>感谢<a href="https://www.jianshu.com/" target="_blank" rel="noopener">简书</a>社区提供超棒的Markdown编辑器,<strong>Chrome插件英雄榜</strong>的编辑工作,几乎全部由通过简书编辑器完成</p>
</li>
</ul>
<hr>
<p>** emm… <a href="https://zhaoolee.gitbooks.io/chrome/content/cong-guan-fang-shang-dian-xia-zai-chrome-cha-jian-de-fang-fa.html" target="_blank" rel="noopener">从官方商店下载Chrome插件的方法</a>**</p>
<p><strong>Chrome插件英雄榜</strong> Github地址: <a href="https://github.com/zhaoolee/ChromeAppHeroes" target="_blank" rel="noopener">https://github.com/zhaoolee/ChromeAppHeroes</a><br>我需要你的支持, 希望你能为本项目填加一个 🌟星.<br>I need your support, I hope you can add a star 🌟 to this project.</p>
<h2 id="一根火柴的N种打开方式-谷粒文化"><a href="#一根火柴的N种打开方式-谷粒文化" class="headerlink" title="一根火柴的N种打开方式(谷粒文化)"></a><a href="https://zhaoolee.gitbooks.io/chrome/content/gu-li-qu-yi.html" target="_blank" rel="noopener">一根火柴的N种打开方式(谷粒文化)</a></h2><p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/9ac21b8aea054eb48fc404fd429638bf.jpeg" alt="smartmockups_juunlhbe.jpg"></p>
<p><img src="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/ChromeAppHeroes/dc9ab48d958843c98f2a4c9336cff748.png" alt="2.png"></p>

      
    </div>

    

    
    
    

    

    
      
    
    

    

    <footer class="post-footer">
      
        <div class="post-tags">
          
            <a href="/FrontEndClubIsBook/tags/Chrome插件英雄榜/" rel="tag"># Chrome插件英雄榜</a>
          
            <a href="/FrontEndClubIsBook/tags/烧子鹅/" rel="tag"># 烧子鹅</a>
          
        </div>
      

      
      
      

      
        <div class="post-nav">
          <div class="post-nav-next post-nav-item">
            
              <a href="/FrontEndClubIsBook/2019/07/06/0005-recommended-movie/" rel="next" title="《推荐看的电影》(烧雏鸡儿)">
                <i class="fa fa-chevron-left"></i> 《推荐看的电影》(烧雏鸡儿)
              </a>
            
          </div>

          <span class="post-nav-divider"></span>

          <div class="post-nav-prev post-nav-item">
            
              <a href="/FrontEndClubIsBook/2019/07/06/0007-open-source-books/" rel="prev" title="《推荐的开源书籍》(卤煮咸鸭)">
                《推荐的开源书籍》(卤煮咸鸭) <i class="fa fa-chevron-right"></i>
              </a>
            
          </div>
        </div>
      

      
      
    </footer>
  </div>
  
  
  
  </article>


  </div>


          </div>
          

  
    <div class="comments" id="gitalk-container">
    </div>

  



        </div>
        
          
  
  <div class="sidebar-toggle">
    <div class="sidebar-toggle-line-wrap">
      <span class="sidebar-toggle-line sidebar-toggle-line-first"></span>
      <span class="sidebar-toggle-line sidebar-toggle-line-middle"></span>
      <span class="sidebar-toggle-line sidebar-toggle-line-last"></span>
    </div>
  </div>

  <aside id="sidebar" class="sidebar">
    <div class="sidebar-inner">

      

      
        <ul class="sidebar-nav motion-element">
          <li class="sidebar-nav-toc sidebar-nav-active" data-target="post-toc-wrap">
            文章目录
          </li>
          <li class="sidebar-nav-overview" data-target="site-overview-wrap">
            站点概览
          </li>
        </ul>
      

      <div class="site-overview-wrap sidebar-panel">
        <div class="site-overview">
          <div class="site-author motion-element" itemprop="author" itemscope itemtype="http://schema.org/Person">
            
              <img class="site-author-image" itemprop="image" src="https://avatars2.githubusercontent.com/u/15868458?s=460&v=4" alt="zhaoolee">
            
              <p class="site-author-name" itemprop="name">zhaoolee</p>
              <div class="site-description motion-element" itemprop="description">前端娱乐圈是本书, 在前端圈寻欢作乐</div>
          </div>

          
            <nav class="site-state motion-element">
              
                <div class="site-state-item site-state-posts">
                
                  <a href="/FrontEndClubIsBook/archives">
                
                    <span class="site-state-item-count">13</span>
                    <span class="site-state-item-name">日志</span>
                  </a>
                </div>
              

              
                
                
                <div class="site-state-item site-state-categories">
                  
                    
                      <a href="/FrontEndClubIsBook/categories/">
                    
                  
                    
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                    <span class="site-state-item-count">13</span>
                    <span class="site-state-item-name">分类</span>
                  </a>
                </div>
              

              
                
                
                <div class="site-state-item site-state-tags">
                  
                    
                      <a href="/FrontEndClubIsBook/tags/">
                    
                  
                    
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                    <span class="site-state-item-count">26</span>
                    <span class="site-state-item-name">标签</span>
                  </a>
                </div>
              
            </nav>
          

          

          

          
            <div class="links-of-author motion-element">
              
                <span class="links-of-author-item">
                  
                  
                    
                  
                  
                    
                  
                  <a href="https://github.com/zhaoolee" title="GitHub &rarr; https://github.com/zhaoolee" rel="noopener" target="_blank"><i class="fa fa-fw fa-github"></i>GitHub</a>
                </span>
              
                <span class="links-of-author-item">
                  
                  
                    
                  
                  
                    
                  
                  <a href="mailto:zhaoolee@gmail.com" title="E-Mail &rarr; mailto:zhaoolee@gmail.com" rel="noopener" target="_blank"><i class="fa fa-fw fa-envelope"></i>E-Mail</a>
                </span>
              
            </div>
          

          

          
          

          
            
          
          

        </div>
      </div>

      
      <!--noindex-->
        <div class="post-toc-wrap motion-element sidebar-panel sidebar-panel-active">
          <div class="post-toc">

            
            
            
            

            
              <div class="post-toc-content"><ol class="nav"><li class="nav-item nav-level-1"><a class="nav-link" href="#谷粒-Chrome插件英雄榜"><span class="nav-number">1.</span> <span class="nav-text">谷粒-Chrome插件英雄榜</span></a><ol class="nav-child"><li class="nav-item nav-level-2"><a class="nav-link" href="#目录-2019年7月22日更新"><span class="nav-number">1.1.</span> <span class="nav-text">目录(2019年7月22日更新)</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#开源插件推广-作者自荐"><span class="nav-number">1.2.</span> <span class="nav-text">开源插件推广(作者自荐)</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#咦-微信打赏"><span class="nav-number">1.3.</span> <span class="nav-text">咦?(微信打赏)</span></a><ol class="nav-child"><li class="nav-item nav-level-4"><a class="nav-link" href="#053《鼠标点击特效-๑•́-∀-•̀๑-》为鼠标点击添加有趣的特效"><span class="nav-number">1.3.0.1.</span> <span class="nav-text">053《鼠标点击特效 (๑•́ ∀ •̀๑)》为鼠标点击添加有趣的特效</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#052《Site-Palette》自动提取网站配色"><span class="nav-number">1.3.0.2.</span> <span class="nav-text">052《Site Palette》自动提取网站配色</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#051《Custom-Cursor-for-Chrome™》为Chrome换上可爱初音光标"><span class="nav-number">1.3.0.3.</span> <span class="nav-text">051《Custom Cursor for Chrome™》为Chrome换上可爱初音光标</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#050《Google-Results-Previewer》无点击查看谷歌搜索结果"><span class="nav-number">1.3.0.4.</span> <span class="nav-text">050《Google Results Previewer》无点击查看谷歌搜索结果</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#049《Web-Server-for-Chrome》搭建本地Web服务器-实现局域网共享文件夹"><span class="nav-number">1.3.0.5.</span> <span class="nav-text">049《Web Server for Chrome》搭建本地Web服务器, 实现局域网共享文件夹</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#048《Words-Discoverer》背单词新姿势-提升你的词汇量"><span class="nav-number">1.3.0.6.</span> <span class="nav-text">048《Words Discoverer》背单词新姿势,提升你的词汇量</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#047《Go-to-Tab》快速跳转到打开的网页"><span class="nav-number">1.3.0.7.</span> <span class="nav-text">047《Go to Tab》快速跳转到打开的网页</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#046《WhatFont》字体爱好者优雅查看网页字体"><span class="nav-number">1.3.0.8.</span> <span class="nav-text">046《WhatFont》字体爱好者优雅查看网页字体</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#045《Restlet-Client》优秀的Api测试工具"><span class="nav-number">1.3.0.9.</span> <span class="nav-text">045《Restlet Client》优秀的Api测试工具</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#044《谷歌访问助手》访问Chrome商店-Gmail-谷歌搜索"><span class="nav-number">1.3.0.10.</span> <span class="nav-text">044《谷歌访问助手》访问Chrome商店 Gmail 谷歌搜索</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#043《Dream-Afar-New-Tab》探索世界的新方式"><span class="nav-number">1.3.0.11.</span> <span class="nav-text">043《Dream Afar New Tab》探索世界的新方式</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#042-在Edge中安装Chrome扩展程序"><span class="nav-number">1.3.0.12.</span> <span class="nav-text">042 在Edge中安装Chrome扩展程序</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#041《Copy-All-Urls》优雅地保存-开启多个标签页"><span class="nav-number">1.3.0.13.</span> <span class="nav-text">041《Copy All Urls》优雅地保存-开启多个标签页</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#040《GitZip-for-github》从Github批量下载表情包"><span class="nav-number">1.3.0.14.</span> <span class="nav-text">040《GitZip for github》从Github批量下载表情包</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#039《Simplify-Gmail》让网页版Gmail更清爽"><span class="nav-number">1.3.0.15.</span> <span class="nav-text">039《Simplify Gmail》让网页版Gmail更清爽</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#038《Alexa-Traffic-Rank》一键查看网站全球排名"><span class="nav-number">1.3.0.16.</span> <span class="nav-text">038《Alexa Traffic Rank》一键查看网站全球排名</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#037《Saladict》谷歌-有道-我全都要-聚合词典-并行翻译"><span class="nav-number">1.3.0.17.</span> <span class="nav-text">037《Saladict》谷歌!有道!我全都要! 聚合词典, 并行翻译</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#036《Screen-Shader》把屏幕调成暖色，你的眼睛会感谢你🙏"><span class="nav-number">1.3.0.18.</span> <span class="nav-text">036《Screen Shader》把屏幕调成暖色，你的眼睛会感谢你🙏</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#035《Print-Friendly-amp-PDF》让你拥有最佳的打印阅读体验"><span class="nav-number">1.3.0.19.</span> <span class="nav-text">035《Print Friendly &amp; PDF》让你拥有最佳的打印阅读体验</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#034《Astro-Bot》用新标签页刷编程题"><span class="nav-number">1.3.0.20.</span> <span class="nav-text">034《Astro Bot》用新标签页刷编程题</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#033《一叶》在任意网页开启实时弹幕-聊天窗口-留言板"><span class="nav-number">1.3.0.21.</span> <span class="nav-text">033《一叶》在任意网页开启实时弹幕 聊天窗口 留言板</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#032《Smallpdf》简单好用的线上PDF工具"><span class="nav-number">1.3.0.22.</span> <span class="nav-text">032《Smallpdf》简单好用的线上PDF工具</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#031《OneTab》把多个Tab转换为一个列表"><span class="nav-number">1.3.0.23.</span> <span class="nav-text">031《OneTab》把多个Tab转换为一个列表</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#030《掘金》相信优质技术内容的力量"><span class="nav-number">1.3.0.24.</span> <span class="nav-text">030《掘金》相信优质技术内容的力量</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#029-《SimpRead》为任意网页开启阅读模式"><span class="nav-number">1.3.0.25.</span> <span class="nav-text">029 《SimpRead》为任意网页开启阅读模式</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#028《AdBlock》Adblock屏蔽简书广告"><span class="nav-number">1.3.0.26.</span> <span class="nav-text">028《AdBlock》Adblock屏蔽简书广告</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#027《Text》来自Chrome实验室的跨平台记事本"><span class="nav-number">1.3.0.27.</span> <span class="nav-text">027《Text》来自Chrome实验室的跨平台记事本</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#026《Quickey-Launcher》打开网站只需一键"><span class="nav-number">1.3.0.28.</span> <span class="nav-text">026《Quickey Launcher》打开网站只需一键</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#025《Console》Chrome自带好用的计算器"><span class="nav-number">1.3.0.29.</span> <span class="nav-text">025《Console》Chrome自带好用的计算器</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#024《Dark-Reader》为任意网站启用夜间模式"><span class="nav-number">1.3.0.30.</span> <span class="nav-text">024《Dark Reader》为任意网站启用夜间模式</span></a><ol class="nav-child"><li class="nav-item nav-level-5"><a class="nav-link" href="#023《FireShot》一键滚动截屏整个网页"><span class="nav-number">1.3.0.30.1.</span> <span class="nav-text">023《FireShot》一键滚动截屏整个网页</span></a></li></ol></li><li class="nav-item nav-level-4"><a class="nav-link" href="#022《扩展管理器》管理你的Chrome扩展"><span class="nav-number">1.3.0.31.</span> <span class="nav-text">022《扩展管理器》管理你的Chrome扩展</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#021《哔哩哔哩助手》助你快速成为B站老司机"><span class="nav-number">1.3.0.32.</span> <span class="nav-text">021《哔哩哔哩助手》助你快速成为B站老司机</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#020《Boxel-Rebound》“嗨到中毒”的弹跳小方块-附自制赛道分享方法"><span class="nav-number">1.3.0.33.</span> <span class="nav-text">020《Boxel Rebound》“嗨到中毒”的弹跳小方块(附自制赛道分享方法)</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#019《MEGA》网盘可以良心到什么程度-试试MEGA吧"><span class="nav-number">1.3.0.34.</span> <span class="nav-text">019《MEGA》网盘可以良心到什么程度? 试试MEGA吧!</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#018《Enhanced-Github》从“冰柜”到“冰棍儿”-下载Github单个文件"><span class="nav-number">1.3.0.35.</span> <span class="nav-text">018《Enhanced Github》从“冰柜”到“冰棍儿”,下载Github单个文件</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#017《新浪微博图床》本地Markdown编写更流畅-新浪微博图床来帮忙"><span class="nav-number">1.3.0.36.</span> <span class="nav-text">017《新浪微博图床》本地Markdown编写更流畅, 新浪微博图床来帮忙</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#016《解除B站区域限制》查看进击的巨人第三季"><span class="nav-number">1.3.0.37.</span> <span class="nav-text">016《解除B站区域限制》查看进击的巨人第三季</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#015《XPath-Helper》完成Bing每日壁纸的小爬虫"><span class="nav-number">1.3.0.38.</span> <span class="nav-text">015《XPath Helper》完成Bing每日壁纸的小爬虫</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#014《超级马里奥游戏》Chrome变身小霸王"><span class="nav-number">1.3.0.39.</span> <span class="nav-text">014《超级马里奥游戏》Chrome变身小霸王</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#013《Quick-QR》用二维码实现云粘贴"><span class="nav-number">1.3.0.40.</span> <span class="nav-text">013《Quick QR》用二维码实现云粘贴</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#012《OurStickys》Chrome特色网页便签纸"><span class="nav-number">1.3.0.41.</span> <span class="nav-text">012《OurStickys》Chrome特色网页便签纸</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#011-《whatruns》一键分析网站技术栈"><span class="nav-number">1.3.0.42.</span> <span class="nav-text">011 《whatruns》一键分析网站技术栈</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#010《speedtest》网络测速插件speedtest"><span class="nav-number">1.3.0.43.</span> <span class="nav-text">010《speedtest》网络测速插件speedtest</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#009《vimium》Chrome与vim双神器融合"><span class="nav-number">1.3.0.44.</span> <span class="nav-text">009《vimium》Chrome与vim双神器融合</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#008《Chrome-Cleaner-Pro》为Chrome加速"><span class="nav-number">1.3.0.45.</span> <span class="nav-text">008《Chrome Cleaner Pro》为Chrome加速</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#007《loom》-Chrome翻录网页视频神器"><span class="nav-number">1.3.0.46.</span> <span class="nav-text">007《loom》 Chrome翻录网页视频神器</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#006《SimilarSites》-一键查找姊妹网站-SimilarSites"><span class="nav-number">1.3.0.47.</span> <span class="nav-text">006《SimilarSites》 一键查找姊妹网站 SimilarSites</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#005《Video-Speed-Controller》-刷课（刷剧）神器！给网页视频加个速-最快可达16倍"><span class="nav-number">1.3.0.48.</span> <span class="nav-text">005《Video Speed Controller》 刷课（刷剧）神器！给网页视频加个速(最快可达16倍!)</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#004《Tampermonkey》-油猴子-给浏览器开个挂"><span class="nav-number">1.3.0.49.</span> <span class="nav-text">004《Tampermonkey》 油猴子! 给浏览器开个挂</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#003《Secure-Shell-App》-Chrome中开启ssh一种什么体验"><span class="nav-number">1.3.0.50.</span> <span class="nav-text">003《Secure Shell App》 Chrome中开启ssh一种什么体验</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#002-《chrono》-让Chrome下载资源更容易"><span class="nav-number">1.3.0.51.</span> <span class="nav-text">002 《chrono》 让Chrome下载资源更容易</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#001《markdown-here》-Markdown一键转换到”富文本格式”"><span class="nav-number">1.3.0.52.</span> <span class="nav-text">001《markdown-here》 Markdown一键转换到”富文本格式”</span></a></li></ol></li></ol></li><li class="nav-item nav-level-2"><a class="nav-link" href="#他人眼中的-Chrome插件英雄榜-商业互吹模块"><span class="nav-number">1.4.</span> <span class="nav-text">他人眼中的 Chrome插件英雄榜(商业互吹模块)</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#名字起啥好"><span class="nav-number">1.5.</span> <span class="nav-text">名字起啥好?</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#推荐姊妹仓库"><span class="nav-number">1.6.</span> <span class="nav-text">推荐姊妹仓库</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#感谢"><span class="nav-number">1.7.</span> <span class="nav-text">感谢</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#一根火柴的N种打开方式-谷粒文化"><span class="nav-number">1.8.</span> <span class="nav-text">一根火柴的N种打开方式(谷粒文化)</span></a></li></ol></div>
            

          </div>
        </div>
      <!--/noindex-->
      

      

    </div>
  </aside>
  


        
      </div>
    </main>

    <footer id="footer" class="footer">
      <div class="footer-inner">
        <div class="copyright">&copy; <span itemprop="copyrightYear">2019</span>
  <span class="with-love" id="animate">
    <i class="fa fa-user"></i>
  </span>
  <span class="author" itemprop="copyrightHolder">zhaoolee</span>

  

  
</div>









        








        
      </div>
    </footer>

    
      <div class="back-to-top">
        <i class="fa fa-arrow-up"></i>
        
          <span id="scrollpercent"><span>0</span>%</span>
        
      </div>
    

    

    

    
  </div>

  

<script>
  if (Object.prototype.toString.call(window.Promise) !== '[object Function]') {
    window.Promise = null;
  }
</script>














  
    
    
      
    
  
  <script color="255,255,255" opacity="0.3" zindex="-1" count="10" src="//cdn.jsdelivr.net/gh/theme-next/theme-next-canvas-nest@1/canvas-nest.min.js"></script>











  



  
  <script src="//cdn.jsdelivr.net/npm/jquery@2/dist/jquery.min.js"></script>

  
  <script src="/FrontEndClubIsBook/lib/velocity/velocity.min.js?v=1.2.1"></script>

  
  <script src="/FrontEndClubIsBook/lib/velocity/velocity.ui.min.js?v=1.2.1"></script>

  
  <script src="/FrontEndClubIsBook/lib/reading_progress/reading_progress.js"></script>


  


  <script src="/FrontEndClubIsBook/js/utils.js?v=7.1.2"></script>

  <script src="/FrontEndClubIsBook/js/motion.js?v=7.1.2"></script>



  
  


  <script src="/FrontEndClubIsBook/js/schemes/muse.js?v=7.1.2"></script>




  
  <script src="/FrontEndClubIsBook/js/scrollspy.js?v=7.1.2"></script>
<script src="/FrontEndClubIsBook/js/post-details.js?v=7.1.2"></script>



  


  <script src="/FrontEndClubIsBook/js/next-boot.js?v=7.1.2"></script>


  

  

  

  


  
    

<script src="//cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.js"></script>



<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.css">



<script src="//cdn.jsdelivr.net/npm/js-md5@0.7.3/src/md5.min.js"></script>

<script>
  var gitalk = new Gitalk({
    clientID: 'fcfeca14739ad63b029c',
    clientSecret: '191c171c5954a566e184f8a22b2c7a4b0b224759',
    repo: 'FrontEndClubIsBook',
    owner: 'zhaoolee',
    admin: ['zhaoolee'],
    id: md5(location.pathname),
    
      language: 'zh-CN',
    
    distractionFreeMode: 'true'
  });
  gitalk.render('gitalk-container');
</script>

  


  
  <script>
    // Popup Window;
    var isfetched = false;
    var isXml = true;
    // Search DB path;
    var search_path = "search.xml";
    if (search_path.length === 0) {
      search_path = "search.xml";
    } else if (/json$/i.test(search_path)) {
      isXml = false;
    }
    var path = "/FrontEndClubIsBook/" + search_path;
    // monitor main search box;

    var onPopupClose = function (e) {
      $('.popup').hide();
      $('#local-search-input').val('');
      $('.search-result-list').remove();
      $('#no-result').remove();
      $(".local-search-pop-overlay").remove();
      $('body').css('overflow', '');
    }

    function proceedsearch() {
      $("body")
        .append('<div class="search-popup-overlay local-search-pop-overlay"></div>')
        .css('overflow', 'hidden');
      $('.search-popup-overlay').click(onPopupClose);
      $('.popup').toggle();
      var $localSearchInput = $('#local-search-input');
      $localSearchInput.attr("autocapitalize", "none");
      $localSearchInput.attr("autocorrect", "off");
      $localSearchInput.focus();
    }

    // search function;
    var searchFunc = function(path, search_id, content_id) {
      'use strict';

      // start loading animation
      $("body")
        .append('<div class="search-popup-overlay local-search-pop-overlay">' +
          '<div id="search-loading-icon">' +
          '<i class="fa fa-spinner fa-pulse fa-5x fa-fw"></i>' +
          '</div>' +
          '</div>')
        .css('overflow', 'hidden');
      $("#search-loading-icon").css('margin', '20% auto 0 auto').css('text-align', 'center');

      

      $.ajax({
        url: path,
        dataType: isXml ? "xml" : "json",
        async: true,
        success: function(res) {
          // get the contents from search data
          isfetched = true;
          $('.popup').detach().appendTo('.header-inner');
          var datas = isXml ? $("entry", res).map(function() {
            return {
              title: $("title", this).text(),
              content: $("content",this).text(),
              url: $("url" , this).text()
            };
          }).get() : res;
          var input = document.getElementById(search_id);
          var resultContent = document.getElementById(content_id);
          var inputEventFunction = function() {
            var searchText = input.value.trim().toLowerCase();
            var keywords = searchText.split(/[\s\-]+/);
            if (keywords.length > 1) {
              keywords.push(searchText);
            }
            var resultItems = [];
            if (searchText.length > 0) {
              // perform local searching
              datas.forEach(function(data) {
                var isMatch = false;
                var hitCount = 0;
                var searchTextCount = 0;
                var title = data.title.trim();
                var titleInLowerCase = title.toLowerCase();
                var content = data.content.trim().replace(/<[^>]+>/g,"");
                
                var contentInLowerCase = content.toLowerCase();
                var articleUrl = decodeURIComponent(data.url).replace(/\/{2,}/g, '/');
                var indexOfTitle = [];
                var indexOfContent = [];
                // only match articles with not empty titles
                if(title != '') {
                  keywords.forEach(function(keyword) {
                    function getIndexByWord(word, text, caseSensitive) {
                      var wordLen = word.length;
                      if (wordLen === 0) {
                        return [];
                      }
                      var startPosition = 0, position = [], index = [];
                      if (!caseSensitive) {
                        text = text.toLowerCase();
                        word = word.toLowerCase();
                      }
                      while ((position = text.indexOf(word, startPosition)) > -1) {
                        index.push({position: position, word: word});
                        startPosition = position + wordLen;
                      }
                      return index;
                    }

                    indexOfTitle = indexOfTitle.concat(getIndexByWord(keyword, titleInLowerCase, false));
                    indexOfContent = indexOfContent.concat(getIndexByWord(keyword, contentInLowerCase, false));
                  });
                  if (indexOfTitle.length > 0 || indexOfContent.length > 0) {
                    isMatch = true;
                    hitCount = indexOfTitle.length + indexOfContent.length;
                  }
                }

                // show search results

                if (isMatch) {
                  // sort index by position of keyword

                  [indexOfTitle, indexOfContent].forEach(function (index) {
                    index.sort(function (itemLeft, itemRight) {
                      if (itemRight.position !== itemLeft.position) {
                        return itemRight.position - itemLeft.position;
                      } else {
                        return itemLeft.word.length - itemRight.word.length;
                      }
                    });
                  });

                  // merge hits into slices

                  function mergeIntoSlice(text, start, end, index) {
                    var item = index[index.length - 1];
                    var position = item.position;
                    var word = item.word;
                    var hits = [];
                    var searchTextCountInSlice = 0;
                    while (position + word.length <= end && index.length != 0) {
                      if (word === searchText) {
                        searchTextCountInSlice++;
                      }
                      hits.push({position: position, length: word.length});
                      var wordEnd = position + word.length;

                      // move to next position of hit

                      index.pop();
                      while (index.length != 0) {
                        item = index[index.length - 1];
                        position = item.position;
                        word = item.word;
                        if (wordEnd > position) {
                          index.pop();
                        } else {
                          break;
                        }
                      }
                    }
                    searchTextCount += searchTextCountInSlice;
                    return {
                      hits: hits,
                      start: start,
                      end: end,
                      searchTextCount: searchTextCountInSlice
                    };
                  }

                  var slicesOfTitle = [];
                  if (indexOfTitle.length != 0) {
                    slicesOfTitle.push(mergeIntoSlice(title, 0, title.length, indexOfTitle));
                  }

                  var slicesOfContent = [];
                  while (indexOfContent.length != 0) {
                    var item = indexOfContent[indexOfContent.length - 1];
                    var position = item.position;
                    var word = item.word;
                    // cut out 100 characters
                    var start = position - 20;
                    var end = position + 80;
                    if(start < 0){
                      start = 0;
                    }
                    if (end < position + word.length) {
                      end = position + word.length;
                    }
                    if(end > content.length){
                      end = content.length;
                    }
                    slicesOfContent.push(mergeIntoSlice(content, start, end, indexOfContent));
                  }

                  // sort slices in content by search text's count and hits' count

                  slicesOfContent.sort(function (sliceLeft, sliceRight) {
                    if (sliceLeft.searchTextCount !== sliceRight.searchTextCount) {
                      return sliceRight.searchTextCount - sliceLeft.searchTextCount;
                    } else if (sliceLeft.hits.length !== sliceRight.hits.length) {
                      return sliceRight.hits.length - sliceLeft.hits.length;
                    } else {
                      return sliceLeft.start - sliceRight.start;
                    }
                  });

                  // select top N slices in content

                  var upperBound = parseInt('1');
                  if (upperBound >= 0) {
                    slicesOfContent = slicesOfContent.slice(0, upperBound);
                  }

                  // highlight title and content

                  function highlightKeyword(text, slice) {
                    var result = '';
                    var prevEnd = slice.start;
                    slice.hits.forEach(function (hit) {
                      result += text.substring(prevEnd, hit.position);
                      var end = hit.position + hit.length;
                      result += '<b class="search-keyword">' + text.substring(hit.position, end) + '</b>';
                      prevEnd = end;
                    });
                    result += text.substring(prevEnd, slice.end);
                    return result;
                  }

                  var resultItem = '';

                  if (slicesOfTitle.length != 0) {
                    resultItem += "<li><a href='" + articleUrl + "' class='search-result-title'>" + highlightKeyword(title, slicesOfTitle[0]) + "</a>";
                  } else {
                    resultItem += "<li><a href='" + articleUrl + "' class='search-result-title'>" + title + "</a>";
                  }

                  slicesOfContent.forEach(function (slice) {
                    resultItem += "<a href='" + articleUrl + "'>" +
                      "<p class=\"search-result\">" + highlightKeyword(content, slice) +
                      "...</p>" + "</a>";
                  });

                  resultItem += "</li>";
                  resultItems.push({
                    item: resultItem,
                    searchTextCount: searchTextCount,
                    hitCount: hitCount,
                    id: resultItems.length
                  });
                }
              })
            };
            if (keywords.length === 1 && keywords[0] === "") {
              resultContent.innerHTML = '<div id="no-result"><i class="fa fa-search fa-5x"></i></div>'
            } else if (resultItems.length === 0) {
              resultContent.innerHTML = '<div id="no-result"><i class="fa fa-frown-o fa-5x"></i></div>'
            } else {
              resultItems.sort(function (resultLeft, resultRight) {
                if (resultLeft.searchTextCount !== resultRight.searchTextCount) {
                  return resultRight.searchTextCount - resultLeft.searchTextCount;
                } else if (resultLeft.hitCount !== resultRight.hitCount) {
                  return resultRight.hitCount - resultLeft.hitCount;
                } else {
                  return resultRight.id - resultLeft.id;
                }
              });
              var searchResultList = '<ul class=\"search-result-list\">';
              resultItems.forEach(function (result) {
                searchResultList += result.item;
              })
              searchResultList += "</ul>";
              resultContent.innerHTML = searchResultList;
            }
          }

          if ('auto' === 'auto') {
            input.addEventListener('input', inputEventFunction);
          } else {
            $('.search-icon').click(inputEventFunction);
            input.addEventListener('keypress', function (event) {
              if (event.keyCode === 13) {
                inputEventFunction();
              }
            });
          }

          // remove loading animation
          $(".local-search-pop-overlay").remove();
          $('body').css('overflow', '');

          proceedsearch();
        }
      });
    }

    // handle and trigger popup window;
    $('.popup-trigger').click(function(e) {
      e.stopPropagation();
      if (isfetched === false) {
        searchFunc(path, 'local-search-input', 'local-search-result');
      } else {
        proceedsearch();
      };
    });

    $('.popup-btn-close').click(onPopupClose);
    $('.popup').click(function(e){
      e.stopPropagation();
    });
    $(document).on('keyup', function (event) {
      var shouldDismissSearchPopup = event.which === 27 &&
        $('.search-popup').is(':visible');
      if (shouldDismissSearchPopup) {
        onPopupClose();
      }
    });
  </script>





  
  
  <script>
    
    function addCount(Counter) {
      var $visitors = $('.leancloud_visitors');
      var url = $visitors.attr('id').trim();
      var title = $visitors.attr('data-flag-title').trim();

      Counter('get', '/classes/Counter', { where: JSON.stringify({ url }) })
        .done(function({ results }) {
          if (results.length > 0) {
            var counter = results[0];
            
            Counter('put', '/classes/Counter/' + counter.objectId, JSON.stringify({ time: { '__op': 'Increment', 'amount': 1 } }))
            
              .done(function() {
                var $element = $(document.getElementById(url));
                $element.find('.leancloud-visitors-count').text(counter.time + 1);
              })
            
              .fail(function ({ responseJSON }) {
                console.log('Failed to save Visitor num, with error message: ' + responseJSON.error);
              })
          } else {
            
              Counter('post', '/classes/Counter', JSON.stringify({ title: title, url: url, time: 1 }))
                .done(function() {
                  var $element = $(document.getElementById(url));
                  $element.find('.leancloud-visitors-count').text(1);
                })
                .fail(function() {
                  console.log('Failed to create');
                });
            
          }
        })
        .fail(function ({ responseJSON }) {
          console.log('LeanCloud Counter Error: ' + responseJSON.code + ' ' + responseJSON.error);
        });
    }
    

    $(function() {
      $.get('https://app-router.leancloud.cn/2/route?appId=' + 'EgL5d2IIdfhg4vqfmoUNhvYH-gzGzoHsz')
        .done(function({ api_server }) {
          var Counter = function(method, url, data) {
            return $.ajax({
              method: method,
              url: 'https://' + api_server + '/1.1' + url,
              headers: {
                'X-LC-Id': 'EgL5d2IIdfhg4vqfmoUNhvYH-gzGzoHsz',
                'X-LC-Key': 'y4xMzOWvLHc0E9IueRNUJxJC',
                'Content-Type': 'application/json',
              },
              data: data
            });
          };
          
            addCount(Counter);
          
        });
    });
  </script>



  

  

  

  

  
  <script>
    (function(){
      var bp = document.createElement('script');
      var curProtocol = window.location.protocol.split(':')[0];
      bp.src = (curProtocol === 'https') ? 'https://zz.bdstatic.com/linksubmit/push.js' : 'http://push.zhanzhang.baidu.com/push.js';
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(bp, s);
    })();
  </script>


  

  

  

  

  

  
<script>
  $('.highlight').not('.gist .highlight').each(function(i, e) {
    var $wrap = $('<div>').addClass('highlight-wrap');
    $(e).after($wrap);
    $wrap.append($('<button>').addClass('copy-btn').append('复制').on('click', function(e) {
      var code = $(this).parent().find('.code').find('.line').map(function(i, e) {
        return $(e).text();
      }).toArray().join('\n');
      var ta = document.createElement('textarea');
      var yPosition = window.pageYOffset || document.documentElement.scrollTop;
      ta.style.top = yPosition + 'px'; // Prevent page scroll
      ta.style.position = 'absolute';
      ta.style.opacity = '0';
      ta.readOnly = true;
      ta.value = code;
      document.body.appendChild(ta);
      ta.select();
      ta.setSelectionRange(0, code.length);
      ta.readOnly = false;
      var result = document.execCommand('copy');
      
      ta.blur(); // For iOS
      $(this).blur();
    })).on('mouseleave', function(e) {
      var $b = $(this).find('.copy-btn');
      setTimeout(function() {
        $b.text('复制');
      }, 300);
    }).append(e);
  })
</script>


  

  

</body>
</html>
